React StoreProvider, useStore hook

gistfile1.txt

const context = React.createContext()
 
export const StoreProvider = ({ children, initialState = {} }) => {
  const [store, setStore] = React.useState(() => initialState)
 
  const contextValue = React.useMemo(() => [store, setStore], [store])
 
  return (
    <context.Provider value={contextValue}>
      {children}
    </context.Provider>
  )
}
 
export default function useStore() {
  return React.useContext(context)
}

gistfile2.txt

	
import immer from 'immer'
 
export const StoreProvider = ({ children, initialState = {} }) => {
  const [store, setStore] = React.useState(() => initialState)
 
  const immerSetStore = React.useCallback(
    updater => setStore(old => immer(old, draft => updater(draft))),
    [setStore]
  )
 
  const contextValue = React.useMemo(() => [store, immerSetStore], [
    setState,
    store,
  ])
 
  return <context.Provider value={contextValue}>{children}</context.Provider>
}