Importación de fuente en TypeScript, error con la propiedad crossorigin de la etiqueta link

¿Cómo puedo resolver este error de TypeScript al importar una fuente personalizada (por ejemplo, una fuente de Google)?

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

Aquí están los detalles del error:

Type 'boolean' is not assignable to type 'string'.ts(2322)
index.d.ts(2279, 9): The expected type comes from property 'crossOrigin' which is declared here on type 'DetailedHTMLProps<LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement>'

Arreglar :

• la propiedad es: crossOrigin, no crossorigin (la O está en mayúscula)
• crossOrigin acepta una cadena. Si agregas crossOrigin en la etiqueta link <link ... crossOrigin /> estás escribiendo esto como un booleano (esperando un verdadero o falso), mientras que toma una cadena. Por eso, configurarlo como crossOrigin="anonymous" funcionaría, por ejemplo.
• Desde la versión 10.2, Next.js tiene optimización de fuentes web incorporada, lo que significa que puedes eliminarla y seguirá funcionando

Respuesta #1

¿Intentaste escribir crossOrigin en lugar de crossorigin?