fix(overmind-devtools): correctly sort operators

Author: christianalfoni

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

@@ -15,9 +15,9 @@ type OperatorsByPath = {
 // TODO: Remove flush by action id?
 const Action: FunctionComponent = () => {
   const { state } = useOvermind()
-
   const operators = Object.keys(state.currentAction.operators)
-    .sort()
+    .map((id) => Number(id))
+    .sort((a, b) => a - b)
     .map((operatorId) => state.currentAction.operators[operatorId])
   const operatorsByPath = operators.reduce(
     (aggr, operator): OperatorsByPath[] => {
@@ -47,7 +47,6 @@ const Action: FunctionComponent = () => {
         } else {
           currentValue = child.value
         }
-
         return child.children
       }, aggr)
 
@@ -104,7 +103,6 @@ const Action: FunctionComponent = () => {
   }
 
   console.log(operatorsByPath)
-
   return (
     <div className={styles.wrapper}>
       {renderOperators(operatorsByPath)}