"Element type is invalid" with vite 8
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Aptitud para principiantes
- 35/100
- Tipo de issue
- Error
- Claridad
- Necesita aclaración
- Estado de actividad
- Estancado
- Stack tecnológico
- javascript, react
- Área
- build-system, frontend
Línea de trabajo
Reproduce el error de React indicado con Vite 8 y la importación predeterminada documentada; después, inspeccione la forma de exportación publicada del paquete y sus puntos de entrada de build. Se considera terminado cuando la importación normal se resuelve en un componente renderizable sin la solución alternativa de normalización del namespace.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Our project moved to vite 8 and now we're getting react error 130:
Element type is invalid: expected a string (for built-in components) or a class/function
(for composite components) but got: object.
This is with v1.31.12 and this import:
import ReactJson from '@microlink/react-json-view';
There seems to be an interop/export-shape problem with @microlink/react-json-view (UMD/CJS wrapping can make a “default import” resolve to a module object, and React then throws: “got: object”).
We worked around the issue by importing the module namespace and normalizing to the actual component (default or reactJsonView) before rendering:
import * as ReactJsonViewModule from '@microlink/react-json-view';
const ReactJson =
((ReactJsonViewModule as any).default ??
(ReactJsonViewModule as any).reactJsonView ??
ReactJsonViewModule) as React.ComponentType<any>;
After this, <ReactJson ... /> is always a real component at runtime.
Can this change be avoided? Is there something missing in this package?
- Lenguaje dominante
- JavaScript
- Estrellas
- 420
- Forks
- 69
- Merge medio
- 4 h 19 min
- PR fusionados (30 d)
- 7
Preparar el entorno
- Sin Dockerfile ni archivo de Docker Compose
- Sin plantilla de pull request
- Leer la guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de microlinkhq/react-json-view
-
Customize specific linesAbierto
Dificultad 4/5 3-5 días Aptitud para principiantes 35/100
microlinkhq/react-json-view#93 · 1 comentario ·
-
Dificultad 4/5 3-5 días Aptitud para principiantes 35/100
microlinkhq/react-json-view#91 · 1 reacción ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
-
Dificultad 3/5 1-2 días Aptitud para principiantes 45/100
microlinkhq/react-json-view#83 · 2 comentarios · 1 reacción ·
-
src cannot be undefined?Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 48/100
microlinkhq/react-json-view#73 · 1 comentario ·
Todos los issues de microlinkhq/react-json-view
Issues similares
-
bug Frontend P2-medium UI UX
Dificultad 1/5 Menos de una hora Aptitud para principiantes 76/100
Deepak3699/Ai_Mentor#427 ·
Los mantenedores suelen responder en 1 día
-
needs-triage
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
11ty/buildawesome#4407 · 1 reacción ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 77/100
keyxmakerx/Chronicle#1711 ·
Los mantenedores suelen responder en 1 día
-
frontend
Dificultad 2/5 1-3 horas Aptitud para principiantes 69/100
uoftblueprint/canada-basketball#79 ·
Los mantenedores suelen responder en 1 día
-
New App Request
Dificultad 1/5 Menos de una hora Aptitud para principiantes 76/100
ThatGuySam/doesitarm#1126 · 1 comentario ·