Mobx

store.js

import React from 'react'
import { types } from 'mobx-state-tree'

const Person = types
  .model("person", {
    name: types.optional(types.string, '')
  })
  .actions(self => ({
    setName (name) {
      self.name = name
    }
  }))

const RootStore = types.model("RootStore", {
  person: types.map(Person)
})

const store = RootStore.create({
  person: {}
})

const storeContext = React.createContext(store)

const withStoreProvider = C => props => {
  return (
    <storeContext.Provider value={store}>
      <C {...props} />
    </storeContext.Provider>
  )
}

const useStore = () => React.useContext(storeContext)

export { withStoreProvider, useStore }