loading.js

loading ファイルは、Suspense 上に構築された即時ローディング状態を作成できます。

デフォルトでは、このファイルは サーバーコンポーネント (Server Component) ですが、"use client" ディレクティブを使用してクライアントコンポーネントとしても利用可能です。

export default function Loading() {
  // またはカスタムのローディングスケルトンコンポーネント
  return <p>Loading...</p>
}

export default function Loading() {
  // またはカスタムのローディングスケルトンコンポーネント
  return <p>Loading...</p>
}

ローディング UI コンポーネントはパラメータを受け取りません。

補足

• ローディング UI を設計する際には、React Developer Tools を使用して Suspense 境界を手動で切り替えると便利な場合があります。

バージョン履歴