fix(overmind-components): fix typing of children

Author: christianalfoni

packages/node_modules/overmind-components/src/Component.ts

@@ -1,16 +1,16 @@
 import { Null } from './Null'
 import { TApp, Configuration } from 'overmind'
 
-export type TComponent<
-  Config extends Configuration,
-  Props = {},
-  Children = any
-> = (
-  props: {
-    state: TApp<Config>['state']
-    actions: TApp<Config>['actions']
-    children?: Children
-  } & Props
+export type TComponent<Config extends Configuration, Props = {}> = (
+  props: Props extends { children: any }
+    ? {
+        state: TApp<Config>['state']
+        actions: TApp<Config>['actions']
+      } & Props
+    : {
+        state: TApp<Config>['state']
+        actions: TApp<Config>['actions']
+      } & Props & { children: any }
 ) => any
 
 export type FormEvent<T> = {

packages/overmind-website/src/app/index.ts

@@ -16,11 +16,7 @@ declare module 'overmind' {
   interface IConfig extends TConfig<typeof config> {}
 }
 
-export type Component<Props = {}, Children = any> = TComponent<
-  typeof config,
-  Props,
-  Children
->
+export type Component<Props = {}> = TComponent<typeof config, Props>
 
 const app = new Overmind(config)
 

packages/overmind-website/src/components/Icon/index.tsx

@@ -2,7 +2,11 @@ import { h } from 'overmind-components'
 import { Component } from '../../app'
 import { icon, icons } from './styles'
 
-const Icon: Component<{}, keyof typeof icons> = ({ children }) => (
+type Props = {
+  children: keyof typeof icons
+}
+
+const Icon: Component<Props> = ({ children }) => (
   <span className={icon(String(children))} />
 )