$ npm install @thefrontend/contextstore

// src/store.js
 
import makeStore from '@thefrontend/contextstore'
 
const initialState = {
  message: 'Hello World',
}
 
export const { useStore, Provider } = makeStore(initialState)

// src/index.js
 
import React from 'react'
import ReactDOM from 'react-dom'
import App from './components/App'
import { Provider } from './store'
 
ReactDOM.render(
  <Provider>
    <App />
  </Provider>,
  document.getElementById('root')
)

// src/index.js
 
import React from 'react'
import ReactDOM from 'react-dom'
import App from './components/App'
import { Provider } from './store'
 
const mergeWithState = {
  anotherMessage: 'Hello Universe',
}
 
ReactDOM.render(
  <Provider initialState={mergeWithState}>
    <App />
  </Provider>,
  document.getElementById('root')
)

// src/components/App.js
 
import React from 'react'
import { useStore } from '../store'
 
const App = () => {
  const { state, setState } = useStore()
 
  const handleChange = e => setState({ message: e.target.value })
 
  return (
    <div>
      <h1>{state.message}</h1>
      <input type="text" onChange={handleChange} />
    </div>
  )
}
 
export default App

// src/hooks/useMessage.js
 
import { useMemo, useCallback } from 'react'
import { useStore } from '../store'
 
const useMessage = () => {
  const { state, setState } = useStore()
 
  const message = useMemo(() => state.message, [state.message])
 
  const setMessage = useCallback(
    newMessage =>
      setState(state => ({
        ...state,
        message: newMessage,
      })),
    [setState]
  )
 
  const handleMessage = useCallback(e => setMessage(e.target.value), [
    setMessage,
  ])
 
  return {
    setMessage,
    handleMessage,
    message,
  }
}
 
export default useMessage

// src/components/App.js
 
import React from 'react'
import useMessage from '../hooks/useMessage'
 
const App = () => {
  const { handleMessage, message } = useMessage()
 
  return (
    <div>
      <h1>{message}</h1>
      <input type="text" onChange={handleMessage} />
    </div>
  )
}
 
export default App