Just wrap your app within a context provider and feed that provider with the data you want to make global:
Read moreIs Context global state?
The Context API is here to solve some of those conundrums by: Centralizing a global application state : Instead of being limited to local states on views, you can now share data on one central component and spread to its inner components (children, grandchildren and so forth).
Read moreWhat is the best state management for React?
Which state management is best in React? React’s useState is the best option for local state management. If you need a global state solution, the most popular ones are Redux, MobX, and built-in Context API.
Read moreIs Redux still relevant 2021?
With all that said, Redux is still a great product . It’s well documented, adopted by many, and can be combined with the approaches posted above. But what use cases warrants the added complexity and learning curve of adding Redux to your stack in 2021?
Read moreWhat is global state in React?
To put it simply, global state is the data that is shared between all the components within a React application . When the state is changed, or let’s say a filter is added, the components re-render accordingly.
Read moreHow do you manage global state in React?
To do this, use the React Hook useReducer to create a connected state to your reducer . useReducer takes in an initialState object and the reducer imported from the GlobalState component. Next, pass in the connected state and a dispatch function to modify that state.
Read more