What is React Suspense and how does it work?

React Suspense allows components to "wait" for something before rendering, typically for code splitting or data fetching. It shows fallback UI while waiting.

import { Suspense, lazy } from "react";

const LazyComponent = lazy(() => import("./LazyComponent"));

function App() {
  return (
    <Suspense fallback={<div>Loading...</div>}>
      <LazyComponent />
    </Suspense>
  );
}