TrackContext file error

[vaz007]

I might be completely wrong or this error would be caused something from my end but I feel for some reason TrackContext file is not able to send functions through Context and Provider ?

I have attached TrackContext as well as createDataContext file.

TrackContext.js `import createDataContext from "./createDataContext"; import trackerApi from "../api/trackerApi";

const trackReducer = (state, action) => { switch (action.type) { case "fetch_tracks": return action.payload; default: return state; } };

const fetchTracks = (dispatch) => async () => { const response = await trackerApi.get("/tracks"); dispatch({ type: "fetch_tracks", payload: response.data }); }; const createTrack = (dispatch) => async (name, locations) => { console.log(name, locations); await trackerApi.post("/tracks", { name, locations }); };

export const { Context, Provider } = createDataContext( trackReducer, { fetchTracks, createTrack }, [] ); `

createDataCOntext.js

`import React, { useReducer } from "react";

export default function createDataContext(reducer, actions, defaultValue) { const context = React.createContext();

const Provider = ({ children }) => { const [state, dispatch] = useReducer(reducer, defaultValue); const boundActions = {}; for (let key in actions) { boundActions[key] = actionskey; }

return (
  <context.Provider value={{ state, ...boundActions }}>
    {children}
  </context.Provider>
);

};

return { Context: context, Provider: Provider }; } `