0
1.1K
VistasSe suspendió un componente de React mientras se renderizaba, pero no se especificó ninguna interfaz de usuario alternativa
Acabo de empezar a trabajar en esta nueva aplicación React.
Estaba usando el elemento <Suspense /> en el componente pero lo eliminé. Luego, la aplicación se bloquea con el error anterior.
¿Hay alguna solución fácil sin saber demasiado sobre <Suspense /> ?
3 Respuestas
Responde la pregunta0
Tienes 2 opciones:
Sin usar suspenso, puede configurar ese i18n.js así:
i18n .use(XHR) .use(LanguageDetector) .init({ react: { useSuspense: false // <---- this will do the magic } });Usando Suspenso, por ejemplo:
<Suspense fallback={<div>Loading... </div>}> <App /> </Suspense>
0
Para arreglar esto sin volver a poner Suspense , necesitarías deshacerte de los usos de React.lazy .
0
Sé que no es exactamente un problema de @IshanPatel, pero lo que puede causar este mensaje de error es si usa un gancho como useTranslation() directamente dentro de la función que contiene <Suspense /> . La solución es mover ese código simplemente a una función separada y tener el enlace allí (ver captura de pantalla).
Esto apareció primero en Google y supongo que alguien podría perder mucho tiempo en encontrar una solución, así que quería compartirlo como comentario.
