Ir al contenido principal

Entradas

Mostrando las entradas etiquetadas como IntrinsicElements

Error de compilación de tags HTML básicos en JSX

 En el IDE, en cada tag HTML que está dentro de un fragmento JSX, tengo el siguiente error: El elemento JSX tiene el tipo "any" implícitamente porque no existe ninguna interfaz "JSX.IntrinsicElements".ts(7026) Entiendo perfectamente. Este error ( TS7026 ) es muy común al configurar TypeScript en un proyecto React (o Next.js) y se relaciona directamente con cómo el compilador de TypeScript reconoce los elementos HTML estándar como <div> o <span> . 🚨 La Causa del Error El error significa que TypeScript no puede encontrar las definiciones de tipo para los elementos nativos de HTML que usas en tu JSX (lo que TypeScript llama JSX.IntrinsicElements ). En términos simples: TypeScript sabe lo que es const x: string = "hello" , pero no sabe qué propiedades acepta un <div className="x"> ni qué tipo de objeto representa en tiempo de compilación. Soluciones al Error "JSX.IntrinsicElements" Hay dos pasos esenciales para resolv...