Jon/sky 5868 max recursion error in app (#3167)

skyvern-frontend/src/components/AutoResizingTextarea/AutoResizingTextarea.tsx

@@ -1,12 +1,6 @@
 import { Textarea } from "@/components/ui/textarea";
 import type { ChangeEventHandler, HTMLAttributes } from "react";
-import {
+import { forwardRef, useEffect, useRef, useCallback } from "react";
-  forwardRef,
-  useEffect,
-  useLayoutEffect,
-  useRef,
-  useCallback,
-} from "react";
 import { cn } from "@/util/utils";
 
 type Props = {
@@ -49,14 +43,6 @@ const AutoResizingTextarea = forwardRef<HTMLTextAreaElement, Props>(
       }
     };
 
-    useLayoutEffect(() => {
-      const textareaElement = getTextarea();
-      if (!textareaElement) {
-        return;
-      }
-      textareaElement.style.height = `${textareaElement.scrollHeight + 2}px`;
-    }, [getTextarea]);
-
     useEffect(() => {
       const textareaElement = getTextarea();
       if (!textareaElement) {

skyvern-frontend/src/routes/workflows/editor/FlowRenderer.tsx

@@ -271,6 +271,7 @@ function FlowRenderer({
   const [debuggableBlockCount, setDebuggableBlockCount] = useState(0);
   const nodesInitialized = useNodesInitialized();
   const [shouldConstrainPan, setShouldConstrainPan] = useState(false);
+  const onNodesChangeTimeoutRef = useRef<NodeJS.Timeout | null>(null);
 
   useEffect(() => {
     if (nodesInitialized) {
@@ -713,7 +714,15 @@ function FlowRenderer({
               ) {
                 workflowChangesStore.setHasChanges(true);
               }
-              onNodesChange(changes);
+
+              // prevent cascading React updates
+              if (onNodesChangeTimeoutRef.current) {
+                clearTimeout(onNodesChangeTimeoutRef.current);
+              }
+
+              onNodesChangeTimeoutRef.current = setTimeout(() => {
+                onNodesChange(changes);
+              }, 0); // defer to next tick
             }}
             onEdgesChange={onEdgesChange}
             nodeTypes={nodeTypes}