[Solved] how can i use what i imported in another component in context API with arrow function

Wrap the value in an object like this value={{placeInfo, reviews, detailsInfo, news}}

or create the object on a separate line like this:

const value = {
   placeInfo,
   reviews,
   detailsInfo,
   news
};

Then pass it as value={value}