fix(overmind-devtools-client): use the correct provider approach

Author: christianalfoni

packages/node_modules/overmind-devtools-client/src/index.tsx

@@ -1,8 +1,11 @@
 import { injectGlobal } from 'emotion'
-import { render } from 'react-dom'
+import { createOvermind } from 'overmind'
+import { Provider } from 'overmind-react'
 import { createElement } from 'react'
+import { render } from 'react-dom'
+
 import Devtools from './components/Devtools'
-import { overmind } from './overmind'
+import { config } from './overmind'
 import { css } from './theme'
 
 injectGlobal`
@@ -62,7 +65,16 @@ window.onerror = (_, _2, _3, _4, error) => {
   overmind.actions.setError(error.message)
 }
 
+const overmind = createOvermind(config, {
+  devtools: false,
+})
+
 const container = document.createElement('div')
 container.id = 'app'
 document.body.appendChild(container)
-render(<Devtools />, container)
+render(
+  <Provider value={overmind}>
+    <Devtools />
+  </Provider>,
+  container
+)

packages/node_modules/overmind-devtools-client/src/overmind/index.ts

@@ -1,12 +1,12 @@
-import { Overmind, IConfig } from 'overmind'
+import { IConfig, Overmind } from 'overmind'
 import { createHook } from 'overmind-react'
 
 import * as actions from './actions'
 import * as effects from './effects'
-import state from './state'
 import onInitialize from './onInitialize'
+import state from './state'
 
-const config = {
+export const config = {
   onInitialize,
   effects,
   actions,
@@ -17,8 +17,4 @@ declare module 'overmind' {
   interface Config extends IConfig<typeof config> {}
 }
 
-export const overmind = new Overmind(config, {
-  devtools: false,
-})
-
-export const useOvermind = createHook(overmind)
+export const useOvermind = createHook<typeof config>()