Estoy tratando de obtener los tamaños de imagen de una URL en mi aplicación Next.js para poder usar el componente de Image component NextJs. Estoy obteniendo las imágenes de un CMS sin cabeza que solo devuelve la urlm, así que estaba tratando de hacer algo como:

 const BuilderImage = ({ src, alt }) => { const [imageDimensions, setImageDimensions] = useState({ width: 1024, height: 500 }); const img = new Image(); useEffect(() => { img.src = src; img.onload = () => { setImageDimensions({ height: img.height, width: img.width }); }; }, []); return ( <Image src={src} width={imageDimensions.width} height={imageDimensions.height} alt={alt} objectFit="cover" /> ); };

Pero no está funcionando. Mi error:

 TypeError: Cannot destructure property 'src' of '_param' as it is undefined.

¿Alguien sabe lo que está pasando? Gracias