diff --git a/src/components/Roof2.jsx b/src/components/Roof2.jsx
index 19cc6ba8..e3009432 100644
--- a/src/components/Roof2.jsx
+++ b/src/components/Roof2.jsx
@@ -122,9 +122,9 @@ export default function Roof2() {
   useEffect(() => {
     const { vertical, horizontal } = canvasSize
     if (vertical !== verticalSize || horizontal !== horizontalSize) {
-      canvas.setWidth(horizontalSize)
-      canvas.setHeight(verticalSize)
-      canvas.renderAll()
+      canvas?.setWidth(horizontalSize)
+      canvas?.setHeight(verticalSize)
+      canvas?.renderAll()
     }
   }, [canvasSize, canvas])