memoize impertative function

web/src/components/layout/AppSplitter/AppSplitter.tsx

@@ -178,11 +178,15 @@ export const AppSplitter = forwardRef<
       }
     );
 
+    const imperativeHandleMethods = useMemo(() => {
+      return () => ({
+        setSplitSizes,
+        animateWidth
+      });
+    }, [setSplitSizes, animateWidth]);
+
     // Add useImperativeHandle to expose the function
-    useImperativeHandle(ref, () => ({
+    useImperativeHandle(ref, imperativeHandleMethods);
-      setSplitSizes,
-      animateWidth
-    }));
 
     return (
       <div className="h-full w-full">