Tengo suspenso como este en el archivo de la aplicación.
<Suspense fallback={<DelayedFallback />}>Entonces tengo un useEffect/setTimeOut:
const DelayedFallback = () => { const [loaded, setLoaded] = useState(false); useEffect(() => { setTimeout(() => setLoaded(true), 5000); }, []); return <> {!loaded && <Loading />} </>; }; export default DelayedFallback;El propósito es que el cliente quiera que las personas que visitan el sitio web vean su video.
El suspenso es no respetar esto.
¡Cualquier ayuda sería apreciada!
Si lo que necesita es retrasar la representación de un componente durante un tiempo arbitrario, simplemente podría hacer algo como:
const [isLoaded, setIsLoaded] = useState(false); useEffect(() => { setTimeout(() => { setIsLoaded(true); }, 5000); }); if (!isLoaded) return <Loading />; return <MyComponent />; Si está usando <video> , podría usar el evento ended en lugar de setTimeout .
Por el momento, Suspense solo está diseñado para componentes React de carga diferida.