import { Button, Modal, ModalBody, ModalCloseButton, ModalContent, ModalFooter, ModalHeader, ModalOverlay, } from "@chakra-ui/react"; import { useEffect, useRef } from "react"; import { fabric } from "fabric"; import { ICanvasOptions } from "fabric/fabric-impl"; // v6 const CanvasTexturesEditor = ({ open, onClose, }: { open: boolean; onClose: () => void; }) => { const canvasRef = useRef(null); useEffect(() => { const options: ICanvasOptions = { backgroundImage: "/", }; const canvas = new fabric.Canvas(canvasRef.current, options); // make the fabric.Canvas instance available to your app // updateCanvasContext(canvas); return () => { // updateCanvasContext(null); canvas.dispose(); }; }, []); return ( Modal Title ); }; export default CanvasTexturesEditor;