fix(overmind): fix production of proxy state tree

Author: christianalfoni

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

@@ -98,6 +98,7 @@ export class Component {
       name: this.name,
       paths: Array.from(paths),
     })
+
     this.vtree.mount(this, this.context)
     for (const listener of this.mountListeners) {
       listener()

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

@@ -6,11 +6,21 @@ export function useOvermind<Config extends IConfig>(): {
   actions: TApp<Config>['actions']
 } {
   const component = Component.current
+  const existingHook = component.getHook()
+
+  if (existingHook) {
+    component.nextHookIndex++
+    return existingHook
+  }
 
-  return {
+  const hook = {
     state: component.context.app.state,
     actions: component.context.app.actions,
   }
+
+  component.addHook(hook)
+
+  return hook
 }
 
 export function useState<T>(initialState: T): [T, (update: T) => void] {

packages/node_modules/overmind/src/index.ts

@@ -89,6 +89,7 @@ export class Overmind<Config extends Configuration> implements Configuration {
       the eventHub
     */
     const proxyStateTree = new ProxyStateTree(this.getState(configuration), {
+      devmode: !IS_PRODUCTION,
       dynamicWrapper: (proxyStateTree, path, func) =>
         func(eventHub, proxyStateTree, path),
     })
@@ -218,15 +219,19 @@ export class Overmind<Config extends Configuration> implements Configuration {
           const execution = this.createExecution(name, action)
           this.eventHub.emit(EventType.ACTION_START, execution)
 
-          action(
-            null,
-            this.createContext(value, execution, this.proxyStateTree.get()),
-            (err, val) => {
-              this.eventHub.emit(EventType.ACTION_END, execution)
-              if (err) reject(err)
-              else resolve(val)
-            }
-          )
+          action[IS_PIPE]
+            ? action(
+                null,
+                this.createContext(value, execution, this.proxyStateTree.get()),
+                (err, val) => {
+                  this.eventHub.emit(EventType.ACTION_END, execution)
+                  if (err) reject(err)
+                  else resolve(val)
+                }
+              )
+            : action(
+                this.createContext(value, execution, this.proxyStateTree.get())
+              )
         })
       } else {
         const execution = {