Skip to content


A loading file can create instant loading states built on Suspense.

By default, this file is a Server Component - but can also be used as a Client Component through the "use client" directive.

export default function Loading() {
  // Or a custom loading skeleton component
  return <p>Loading...</p>

Loading UI components do not accept any parameters.

Good to know

  • While designing loading UI, you may find it helpful to use the React Developer Tools to manually toggle Suspense boundaries.

Version History

v13.0.0loading introduced.