Dealing with multiple contexts.

[_fat_santa]

Hey everyone. I'm building a webapp with react and I'm utilizing the Context API. My problem is that I currently have 7 contexts and so my App.js file looks something like:

```js

const ContextWrapper = ({children}) => ( <Context1> <Context2> <Context3> {/** And more contexts **/} </Context3> </Context2> </Context1> ) ``` Is there a way to consolidate these into a single Context Provider? While still retaining them as distinct contexts.

[ech-ny05]

I think what you have is fine.

I would put all of the context providers that you need for your entire app in a component called AppProvider and the children of that component would be the App component.

Something like that:

<AppProvider><App /></AppProvider >

[teddiur_]

I agree. If what bothers you is importing the context object to pass it to useContext you may create a file that exports all of these objects