fix(overmind-react): add EventType.COMPONENT_ADD to make Devtools Components work

Author: henri-hulski

packages/overmind-react/src/index.ts

@@ -118,6 +118,23 @@ const useState = <Context extends IContext<{ state: {} }>>(
       currentComponentInstanceId++
     )
 
+    React.useEffect(() => {
+      overmind.eventHub.emitAsync(EventType.COMPONENT_ADD, {
+        componentId: component.__componentId,
+        componentInstanceId,
+        name,
+        paths: [],
+      })
+
+      return () => {
+        overmind.eventHub.emitAsync(EventType.COMPONENT_REMOVE, {
+          componentId: component.__componentId,
+          componentInstanceId,
+          name,
+        })
+      }
+    }, [])
+
     React.useEffect(() => {
       overmind.eventHub.emitAsync(EventType.COMPONENT_UPDATE, {
         componentId: component.__componentId,
@@ -131,13 +148,6 @@ const useState = <Context extends IContext<{ state: {} }>>(
       })
 
       return () => {
-        overmind.eventHub.emitAsync(EventType.COMPONENT_UPDATE, {
-          componentId: component.__componentId,
-          componentInstanceId,
-          name,
-          paths: [],
-        })
-
         dispose()
       }
     }, [trackStateTree])