diff --git a/src/components/Roof2.jsx b/src/components/Roof2.jsx
index 4d4bbf60..4f15b095 100644
--- a/src/components/Roof2.jsx
+++ b/src/components/Roof2.jsx
@@ -109,7 +109,8 @@ export default function Roof2() {
   }
 
   useEffect(() => {
-    setCanvasSize({ ...canvasSize, vertical: verticalSize, horizontal: horizontalSize })
+    console.log('horizontalSize', horizontalSize)
+    setCanvasSize({ ...canvasSize, vertical: parseInt(verticalSize), horizontal: parseInt(horizontalSize) })
   }, [verticalSize, horizontalSize])
 
   /**
@@ -120,7 +121,10 @@ export default function Roof2() {
   // }, [verticalSize, horizontalSize])
   useEffect(() => {
     const { vertical, horizontal } = canvasSize
+    console.log('canvasSize', canvasSize)
+    console.log('horizontalSize', horizontalSize)
     if (vertical !== verticalSize || horizontal !== horizontalSize) {
+      console.log('setCanvasSize!!')
       canvas.setWidth(horizontalSize)
       canvas.setHeight(verticalSize)
       canvas.renderAll()