before-react-18.js

function Demo() {
  const fetcher = (url) => fetch(url).then((r) => r.json());
  const { data } = useSwr(
    `https://jsonplaceholder.typicode.com/todos`,
    fetcher,
    { suspense: false }
  );

  if (!data) return <div>Loading... (pre-Suspense)</div>;

  return (
    <div className="container grid">
      {data.map((rec) => {
        return (
          <div className="row" key={rec.id}>
            <div className="col-2">{rec.userId}</div>
            <div className="col-8">{rec.title}</div>
            <div className="col-2">{rec.completed === true ? "yes" : "no"}</div>
          </div>
        );
      })}
    </div>
  );
}