Refactor and shrink effect code

packages/components/src/components/SquiggleEditor.tsx

@@ -166,10 +166,9 @@ export let SquigglePartial: React.FC<SquigglePartialProps> = ({
   let [expression, setExpression] = React.useState(initialSquiggleString);
   let [error, setError] = React.useState<string | null>(null);
 
-  // Runs squiggle and updates state/calls props apprropriately
+  React.useEffect(() => {
-  let runSquiggle = (newExpression: string) => {
     let squiggleResult = runPartial(
-      newExpression,
+      expression,
       bindings,
       samplingInputs,
       jsImports
@@ -180,21 +179,14 @@ export let SquigglePartial: React.FC<SquigglePartialProps> = ({
     } else {
       setError(errorValueToString(squiggleResult.value));
     }
-  };
+  }, [expression]);
-
-  // Run this once on mount, so that the next cells can get relevent values
-  React.useEffect(() => runSquiggle(expression), []);
 
   return (
     <div>
       <Input>
         <CodeEditor
           value={expression}
-          onChange={(x) => {
+          onChange={setExpression}
-            // When the code changes, rerun squiggle and inform next cells
-            setExpression(x);
-            runSquiggle(x);
-          }}
           oneLine={true}
           showGutter={false}
           height={20}