React app's global state management with the Context API and Hooks

store.js

import { createContext, useContext, useCallback, useState } from 'react'

const AppContext = createContext({})

const useAppContext = () => {
  return useContext(AppContext)
}

const useAppState = () => {
  const initialState = { count: 0 }
  const [state, setState] = useState(initialState)
  const actions = useCallback(getActions(setState), [setState])
  return { state, actions }
}

const getActions = setState => ({
  increment: () => {
    setState(state => ({ ...state, count: state.count + 1 }))
  },
  decrement: () => {
    setState(state => ({ ...state, count: state.count - 1 }))
  },
})

export { AppContext, useAppContext, useAppState }

Reference: https://ricostacruz.com/til/state-management-with-react-hooks