From 3ac885702529f8c3eb5dc8856cb06a46ea83578e Mon Sep 17 00:00:00 2001 From: Matthias Date: Tue, 31 Mar 2026 15:39:06 +0200 Subject: [PATCH] feat: enhance layout and error handling in canvas component - Added suppressHydrationWarning to RootLayout for improved hydration handling. - Updated error logging in CanvasInner to use more descriptive parameters, enhancing debugging capabilities. --- app/layout.tsx | 1 + components/canvas/canvas.tsx | 4 ++-- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/app/layout.tsx b/app/layout.tsx index cf02fe0..d129f9f 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -34,6 +34,7 @@ export default async function RootLayout({ return ( diff --git a/components/canvas/canvas.tsx b/components/canvas/canvas.tsx index 3157213..244dbbf 100644 --- a/components/canvas/canvas.tsx +++ b/components/canvas/canvas.tsx @@ -1836,9 +1836,9 @@ function CanvasInner({ canvasId }: CanvasInnerProps) { setEdges((eds) => applyEdgeChanges(changes, eds)); }, []); - const onFlowError = useCallback((code: string, message: string) => { + const onFlowError = useCallback((id: string, error: string) => { if (process.env.NODE_ENV === "production") return; - console.error("[ReactFlow error]", { canvasId, code, message }); + console.error("[ReactFlow error]", { canvasId, id, error }); }, [canvasId]); // ─── Delete Edge on Drop ──────────────────────────────────────