diff --git a/susconecta/app/profissional/page.tsx b/susconecta/app/profissional/page.tsx index 54e8793..0569a20 100644 --- a/susconecta/app/profissional/page.tsx +++ b/susconecta/app/profissional/page.tsx @@ -1,11 +1,9 @@ import type SignatureCanvasType from "react-signature-canvas"; -import React, { useState, useRef } from "react"; +import React, { useState, useRef, forwardRef } from "react"; import dynamic from "next/dynamic"; import Link from "next/link"; -const SignatureCanvas = dynamic(() => import("react-signature-canvas"), { ssr: false }); - import ProtectedRoute from "@/components/ProtectedRoute"; import { useAuth } from "@/hooks/useAuth"; import { Button } from "@/components/ui/button"; @@ -58,6 +56,13 @@ const medico = { fotoUrl: "", } +const SignatureCanvas = dynamic( + () => + import("react-signature-canvas").then((mod) => + forwardRef((props, ref) => ) + ), + { ssr: false } +); const colorsByType = { Rotina: "#4dabf7", @@ -632,7 +637,7 @@ function LaudoEditor() {
{ sigCanvasRef.current = node; }} + ref={sigCanvasRef} penColor="#0f172a" backgroundColor="#fff" canvasProps={{ width: 300, height: 100, className: "rounded border bg-white" }}