Descubrí que tengo que usar img-use para cargar la imagen en una capa en konva. Funciona para jpg y png, pero no para svg. ¿Qué más puedo hacer para tener una capa con un SVG?

 import useImage from "use-image";

 const [backgroundImage] = useImage( `https://ticket-t01.s3.eu-central-1.amazonaws.com/madach-2.svg` || "" );

En realidad carga un poco la imagen, está muy pixelada. ¿Debo guardar de forma diferente el SVG al volver a exportar desde Illustrator?

 <Stage width={ gridWidth ? (gridWidth >= 600 ? gridWidth : gridWidth) : 200 } height={ layout && gridWidth ? Math.round(gridWidth / layout.aspectRatio) : 200 } > <Layer> <Rect x={0} y={0} width={gridWidth || 200} height={ layout && gridWidth ? Math.round(gridWidth / layout.aspectRatio) : 200 } fillPatternImage={backgroundImage} fillPatternRepeat="no-repeat" fillPatternScale={{ x: (gridWidth || 200) / (backgroundImage?.width || 200), y: (layout && gridWidth ? Math.round(gridWidth / layout.aspectRatio) : 200) / (backgroundImage?.height || 200), }} /> </Layer>