src/components/floor-plan/CanvasFrame.jsx

@@ -36,7 +36,8 @@ import { useMasterController } from '@/hooks/common/useMasterController'
 export default function CanvasFrame() {
   const [roofMaterials, setRoofMaterials] = useRecoilState(roofMaterialsAtom)
   const { getRoofMaterialList } = useMasterController()
-  useEffect(async () => {
+  useEffect(() => {
+    async function initRoofMaterial() {
       if (roofMaterials.length !== 0) {
         return
       }
@@ -58,6 +59,8 @@ export default function CanvasFrame() {
         angle: item.angle ? parseInt(item.angle) : 21.8,
       }))
       setRoofMaterials(roofLists)
+    }
+    initRoofMaterial()
   }, [])
   const canvasRef = useRef(null)
   const { canvas } = useCanvas('canvas')