Get a state and actions management for your app
npm i react-global-hook --save
Then...
....
import useStore from 'use-hook-global' const initialState = { counter: 0 }
const actions = { add: (store, value) => { store.setState({ counter: value }) } }
const useGlobal = globalHook(initialState, actions) ....