fix(overmind-react): only pass update to devtools when update from flush

Author: christianalfoni

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

@@ -276,6 +276,7 @@ export const createConnect = <ThisConfig extends IConfiguration>(
         state: {
           overmind: any
         }
+        isUpdating: boolean
         static contextType = context
         constructor(props, context) {
           super(props)
@@ -301,13 +302,16 @@ export const createConnect = <ThisConfig extends IConfiguration>(
           })
         }
         componentDidUpdate() {
-          this.overmind.eventHub.emitAsync(EventType.COMPONENT_UPDATE, {
-            componentId: populatedComponent.__componentId,
-            componentInstanceId: this.componentInstanceId,
-            name,
-            flushId: this.currentFlushId,
-            paths: Array.from(this.tree.pathDependencies as Set<string>),
-          })
+          if (this.isUpdating) {
+            this.overmind.eventHub.emitAsync(EventType.COMPONENT_UPDATE, {
+              componentId: populatedComponent.__componentId,
+              componentInstanceId: this.componentInstanceId,
+              name,
+              flushId: this.currentFlushId,
+              paths: Array.from(this.tree.pathDependencies as Set<string>),
+            })
+            this.isUpdating = false
+          }
         }
         componentWillUnmount() {
           this.overmind.proxyStateTree.disposeTree(this.tree)
@@ -319,6 +323,7 @@ export const createConnect = <ThisConfig extends IConfiguration>(
         }
         onUpdate = (mutatons, paths, flushId) => {
           this.currentFlushId = flushId
+          this.isUpdating = true
           this.setState({
             overmind: {
               state: this.tree.state,