Participé en un trihackathon la semana pasada y nos dieron un fragmento de código preguntando cuáles son los 3 errores en el código que violan los principios de React Suspense. ¿Alguien puede averiguarlo?
import { Suspense, useState, useEffect } from 'react'; const SuspensefulUserProfile = ({ userId }) => { const [data, setData] = useState({}); useEffect(() => { fetchUserProfile(userId).then((profile) => setData(profile)); }, [userId, setData]) return ( <Suspense> <UserProfile data={data} /> </Suspense> ); }; const UserProfile = ({ data }) => { return ( <> <h1>{data.name}</h1> <h2>{data.email}</h2> </> ); }; const UserProfileList = () => ( <> <SuspensefulUserProfile userId={1} /> <SuspensefulUserProfile userId={2} /> <SuspensefulUserProfile userId={3} /> </> );