remove async in store

src/client/Elements/Input.jsx

@@ -29,11 +29,11 @@ const Input = ({
   // set Value to global store and run Effects
   useEffect(() => {
     if (sourceValueName && debouncedValue) {
-      calculationStore.setValue(sourceValueName, debouncedValue).then(() => {
-        if (Effects && Effects.length > 0) {
-          runEffects(Effects, calculationStore);
-        }
-      });
+      calculationStore.setValue(sourceValueName, debouncedValue);
+    }
+
+    if (Effects && Effects.length > 0) {
+      runEffects(Effects, calculationStore);
     }
   }, [debouncedValue]);
 

src/client/hocs/withTitle.jsx

@@ -2,7 +2,7 @@ import React from "react";
 import { Flex } from "client/UIKit/grid";
 
 const withTitle = (title) => (Component) => (props) => (
-  <Flex>
+  <Flex flexDirection="column">
     <div>{title}</div>
     <Component {...props} />
   </Flex>

src/client/stores/CalculationStore/CalculationStore.ts

@@ -10,12 +10,10 @@ class CalculationStore {
 
   getValue = (sourceValueName: SourceValueNames) =>
     this.values[sourceValueName];
-  setValue = action(
-    async (sourceValueName: SourceValueNames, newValue: any) => {
-      this.values[sourceValueName] = newValue;
-      // TODO: Run effect here
-    }
-  );
+  setValue = action((sourceValueName: SourceValueNames, newValue: any) => {
+    this.values[sourceValueName] = newValue;
+    // TODO: Run effect here
+  });
 
   getStatus = (elementName: string) => this.statuses[elementName];
   setStatus = action((elementName: string, status: Status) => {