fix: Fix errors

src/pages/Route/route-preview/InfiniteCanvas.tsx

@@ -54,16 +54,16 @@ export function InfiniteCanvas({
   const lastOriginalRotation = useRef<number | undefined>(undefined);
 
   useEffect(() => {
-    const canvas = applicationRef?.app?.canvas;
-    if (!canvas) return;
+    if (!applicationRef?.app?.canvas) return;
 
+    const canvas = applicationRef.app.canvas;
     const canvasRect = canvas.getBoundingClientRect();
     const canvasLeft = canvasRect.left;
     const canvasTop = canvasRect.top;
     const centerX = window.innerWidth / 2 - canvasLeft;
     const centerY = window.innerHeight / 2 - canvasTop;
     setScreenCenter({ x: centerX, y: centerY });
-  }, [applicationRef?.app?.canvas, setScreenCenter]);
+  }, [applicationRef?.app, setScreenCenter]);
 
   const handlePointerDown = (e: FederatedMouseEvent) => {
     setIsPointerDown(true);