fix(overmind-devtools): handle getters and duplicate derived

Author: christianalfoni

packages/node_modules/overmind-devtools/src/components/ActionFlush/index.tsx

@@ -47,8 +47,8 @@ const ActionFlush: SFC<Props> = ({ flush }) => {
                 </span>
               </div>
             ))}
-            {flush.derived.map((derivedPath) => (
-              <div key={derivedPath}>
+            {flush.derived.map((derivedPath, index) => (
+              <div key={derivedPath + '_' + index}>
                 <span className={textStyles.hint}>
                   <Icon>chain</Icon> {derivedPath}
                 </span>

packages/node_modules/overmind/src/index.ts

@@ -178,11 +178,15 @@ export class Overmind<ThisConfig extends IConfiguration>
       {
         devmode: !IS_PRODUCTION,
         dynamicWrapper: (_, path, func) => func(eventHub, proxyStateTree, path),
-        onGetter: (path, value) =>
-          this.eventHub.emit(EventType.GETTER, {
-            path,
-            value: safeValue(value),
-          }),
+        onGetter: (path, value) => {
+          // We need to let any initial values be set first
+          setTimeout(() => {
+            this.eventHub.emit(EventType.GETTER, {
+              path,
+              value: safeValue(value),
+            })
+          })
+        },
       }
     )