The page.ts code gives an error in the part where we create an event listener for resizing and using the reference of fabric.js.

{
const canvasRef = useRef(null);
const fabricRef = useRef<fabric.Canvas | null>(null);
const isDrawing = useRef(false);
const shapeRef = useRef<fabric.Object | null>(null);
const selectedShapeRef = useRef<String | null>(null);

useEffect(() => {
const canvas = initializeFabric({ canvasRef, fabricRef})

canvas.on("mouse:down", (options) => {
  handleCanvasMouseDown({
    options,
    canvas,
    isDrawing,
    shapeRef,
    selectedShapeRef,
  })
})

window.addEventListener("resize", () => {
  handleResize({fabricRef})
})

}), [];
}