Loading

loading.js

API reference for the loading.js file.

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

Version	Changes
`v13.0.0`	`loading` introduced.