contrataiwotest.js

import { React, Suspense, useState, useEffect } from "react";

const SuspensefulUserProfile = ({ userId }) => {
  const [data, setData] = useState({});

  useEffect(() => {
    fetchUserProfile(userId).then((profile) => setData(profile));
  }, [userId]);

 

  return (
    <Suspense fallback={<h1>Loading ...</h1>}>
      <UserProfile data={data} />
    </Suspense>
  );
};

const UserProfile = ({ data }) => {
  return (
    <>
      <h1>{data?.name}</h1>
      <h2>{data?.email}</h2>
    </>
  );
};

const UserProfileList = () => (
  <>
   <Suspense fallback={<h1>Loading user profile...</h1>}>
    <SuspensefulUserProfile userId={1} />
   </Suspense>
   <Suspense fallback={<h1>Loading user profile...</h1>}>
    <SuspensefulUserProfile userId={2} />
   </Suspense>
   <Suspense fallback={<h1>Loading user profile...</h1>}>
    <SuspensefulUserProfile userId={3} />
   </Suspense>
      
  </>
);