Una actualización reciente hizo que mi respaldo de React.Suspense arrojara este error:
Warning: React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.Este código exacto solía funcionar y me pregunto si alguien tiene alguna idea sobre qué paquete revertir (?)
// Aplicación.jsx
<Suspense fallback={<Fallback/>}>...</Suspense>Aquí está mi componente alternativo:
import Loader from 'react-loader-spinner'; import React from 'react'; export const MediaUploading = ({ t = 'Grid', c = '#121d66', h = '60', w = '60', }) => { return ( <div className="media-uploading"> <Loader type={t} color={c} height={h} width={w} timeout={0} /> </div> ); }; // fallback export const Fallback = ({ t = 'Grid', c = '#121d66', h = '100', w = '100', }) => { return ( <div className="loading"> <Loader type={t} color={c} height={h} width={w} timeout={0} /> </div> ); };Parece que cuando react-loader-spinner se movió a v5, eliminaron su componente Loader y eliminaron la exportación predeterminada. Entonces, si desea seguir usando el Loader , siga con react-spinner-loader@4 .
v4: solo tiene una exportación predeterminada (sin exportaciones con nombre)
import Loader from "react-loader-spinner";
v5: solo tiene exportaciones con nombre (sin exportación predeterminada)
import { Grid } from "react-loader-spinner";