fix: maxrecursive call issue

Author: surajair

package.json

@@ -5,7 +5,7 @@
   "author": "Suraj Air",
   "license": "BSD-3-Clause",
   "homepage": "https://chaibuilder.com",
-  "version": "1.2.60",
+  "version": "1.2.61",
   "type": "module",
   "repository": {
     "type": "git",

src/core/components/RootLayout.tsx

@@ -41,7 +41,7 @@ const RootLayout: ComponentType = () => {
     if (!isDevelopment()) e.preventDefault();
   };
 
-  useKeyEventWatcher(document);
+  useKeyEventWatcher();
   useExpandTree();
   useAutoSave();
 

src/core/components/canvas/KeyboarHandler.tsx

@@ -4,6 +4,5 @@ import { useFrame } from "../../frame";
 export const KeyboardHandler = () => {
   const { document: iframeDoc } = useFrame();
   useKeyEventWatcher(iframeDoc);
-
   return null;
 };

src/core/hooks/useKeyEventWatcher.ts

@@ -4,27 +4,27 @@ import { useRemoveBlocks } from "./useRemoveBlocks";
 import { useDuplicateBlocks } from "./useDuplicateBlocks";
 import { useUndoManager } from "../history/useUndoManager.ts";
 
-export const useKeyEventWatcher = (doc: Document) => {
+export const useKeyEventWatcher = (doc?: Document) => {
   const [ids, setIds] = useSelectedBlockIds();
   const removeBlocks = useRemoveBlocks();
   const duplicateBlocks = useDuplicateBlocks();
   const { undo, redo } = useUndoManager();
 
-  useHotkeys("esc", () => setIds([]), { document: doc }, [setIds]);
-  useHotkeys("ctrl+d,command+d", () => duplicateBlocks(ids), { document: doc, preventDefault: true }, [
+  const options = doc ? { document: doc } : {};
+  useHotkeys("esc", () => setIds([]), options, [setIds]);
+  useHotkeys("ctrl+d,command+d", () => duplicateBlocks(ids), { ...options, preventDefault: true }, [
     ids,
     duplicateBlocks,
   ]);
-  useHotkeys("ctrl+z,command+z", () => undo(), { document: doc }, [undo]);
-  useHotkeys("ctrl+y,command+y", () => redo(), { document: doc }, [redo]);
-
+  useHotkeys("ctrl+z,command+z", () => undo(), options, [undo]);
+  useHotkeys("ctrl+y,command+y", () => redo(), options, [redo]);
   useHotkeys(
     "del, backspace",
     (event: any) => {
       event.preventDefault();
       removeBlocks(ids);
     },
-    { document: doc },
+    options,
     [ids, removeBlocks],
   );
 };