Recibo este error cuando uso "Cropper" de la librería react-easy-crop, probé algunas cosas que encontré en los foros, como agregar @types/react, importar * como React desde "react", pero nada parece trabajo.
Aquí está el código que me da problemas:
import * as React from "react"; import Cropper from "react-easy-crop"; export default function CropperPage({action , valuePro}: any) { return ( <Cropper // <-- This is giving me the error cropShape= "round" disableAutomaticStylesInjection="true" image={image} crop={crop} zoom={zoom} aspect={1} onCropChange={setCrop} onZoomChange={setZoom} onCropComplete={onCropComplete} /> ); }El mensaje de error completo es:
La clase de elemento Blockquote JSX no admite atributos porque no tiene una propiedad 'props'. ts(2607) 'Cropper' no se puede usar como un componente JSX. Su tipo de instancia 'Cropper' no es un elemento JSX válido. Al tipo 'Cropper' le faltan las siguientes propiedades del tipo 'ElementClass': context, setState, forceUpdate, props, refsts(2786) (alias) class Cropper import Cropper
import Cropper from "react-easy-crop"; interface CropperFix extends React.Component {} const Cropped = (Cropper as any) as { new(): CropperFix; }; const props: any = { cropShape: "round", disableAutomaticStylesInjection: true, image, crop, zoom, aspect: 1, onCropChange: setCrop, onZoomChange: setZoom, onCropComplete: onCropComplete, } ... <Cropped ...props/>Probablemente feo pero funciona