What is Suspense in React and what basic problem does it solve?

Suspense lets a component tell React that it is not ready yet, such as while data is still loading, and React shows a fallback, like a loading spinner, until it is ready. This gives you a clean, consistent way to handle loading states without manually managing a separate loading flag everywhere.

function ProfilePage() {
  return (
    <Suspense fallback={<p>Loading profile</p>}>
      <ProfileDetails />
    </Suspense>
  );
}