const CanvasMap = () => { const canvasFef = React.useRef<HTMLInputElement>(null) useEffect(() => { canvasFef && canvasFef.current && cities.forEach(function (item) { // logic here }) }, [canvasFef]); return ( <canvas id="canvas" ref={canvasFef} ></canvas> ) };

tengo un error

La propiedad 'getContext' no existe en el tipo 'HTMLInputElement'

TS2322: el tipo 'MutableRefObject' no se puede asignar al tipo 'LegacyRef'. El tipo 'MutableRefObject' no se puede asignar al tipo 'RefObject'. Los tipos de propiedad 'actuales' son incompatibles. Al tipo 'HTMLInputElement' le faltan las siguientes propiedades del tipo 'HTMLCanvasElement': captureStream, getContext, toBlob, toDataURL