fix(overmind-react): fix typing

Author: christianalfoni

packages/node_modules/overmind-react/src/index.test.tsx

@@ -167,7 +167,7 @@ describe('React', () => {
     const FooComponent = () => {
       const state = useState()
 
-      return <h1>{state.foo}</h1>
+      return <h1>{(state as any).foo}</h1>
     }
 
     expect(() => {

packages/node_modules/overmind-react/src/index.ts

@@ -1,18 +1,14 @@
 import {
   ENVIRONMENT,
   EventType,
+  IConfiguration,
   IContext,
   IReaction,
   MODE_SSR,
   Overmind,
   OvermindMock,
 } from 'overmind'
 import * as react from 'react'
-import {
-  unstable_cancelCallback,
-  unstable_getCurrentPriorityLevel,
-  unstable_scheduleCallback,
-} from 'scheduler'
 
 const IS_PRODUCTION = ENVIRONMENT === 'production'
 const IS_TEST = ENVIRONMENT === 'test'
@@ -23,7 +19,7 @@ const isNode =
   process.title.includes('node')
 
 export type IReactComponent<P = any> =
-  | react.StatelessComponent<P>
+  | react.FunctionComponent<P>
   | react.ComponentClass<P>
   | react.ClassicComponentClass<P>
 
@@ -83,7 +79,7 @@ const useCurrentComponent = () => {
     : {}
 }
 
-const useState = <Context extends IContext<any>>(
+const useState = <Context extends IContext<IConfiguration>>(
   cb?: (state: Context['state']) => any
 ): Context['state'] => {
   const overmind = react.useContext(context) as Overmind<any>
@@ -187,7 +183,9 @@ const useState = <Context extends IContext<any>>(
   return state
 }
 
-const useActions = <Context extends IContext<any>>(): Context['actions'] => {
+const useActions = <
+  Context extends IContext<IConfiguration>
+>(): Context['actions'] => {
   const overmind = react.useContext(context) as Overmind<any>
 
   if (!(overmind as any).mode) {
@@ -197,7 +195,9 @@ const useActions = <Context extends IContext<any>>(): Context['actions'] => {
   return overmind.actions
 }
 
-const useEffects = <Context extends IContext<any>>(): Context['effects'] => {
+const useEffects = <
+  Context extends IContext<IConfiguration>
+>(): Context['effects'] => {
   const overmind = react.useContext(context) as Overmind<any>
 
   if (!(overmind as any).mode) {
@@ -207,7 +207,9 @@ const useEffects = <Context extends IContext<any>>(): Context['effects'] => {
   return overmind.effects
 }
 
-const useReaction = <Context extends IContext<any>>(): IReaction<Context> => {
+const useReaction = <Context extends IContext<IConfiguration>>(): IReaction<
+  Context
+> => {
   const overmind = react.useContext(context) as Overmind<any>
 
   if (!(overmind as any).mode) {
@@ -217,29 +219,29 @@ const useReaction = <Context extends IContext<any>>(): IReaction<Context> => {
   return overmind.reaction as any
 }
 
-export interface StateHook<Context extends IContext<any>> {
+export interface StateHook<Context extends IContext<IConfiguration>> {
   (): Context['state']
   <T>(cb?: (state: Context['state']) => T): T
 }
 
-export const createStateHook: <Context extends IContext<any>>() => StateHook<
-  Context
-> = () => useState
+export const createStateHook: <
+  Context extends IContext<IConfiguration>
+>() => StateHook<Context> = () => useState
 
 export const createActionsHook: <
-  Context extends IContext<any>
+  Context extends IContext<IConfiguration>
 >() => () => Context['actions'] = () => {
   return useActions as any
 }
 
 export const createEffectsHook: <
-  Context extends IContext<any>
+  Context extends IContext<IConfiguration>
 >() => () => Context['effects'] = () => {
   return useEffects as any
 }
 
 export const createReactionHook: <
-  Context extends IContext<any>
+  Context extends IContext<IConfiguration>
 >() => () => IReaction<Context> = () => {
   return useReaction as any
 }