Question du test Next.js

Vous souhaitez implémenter une UI de chargement pour un composant chargé de manière asynchrone dans une route imbriquée /dashboard/settings. Comment structurerez-vous le fichier de route en utilisant React.Suspense ?

// app/dashboard/settings/page.js

import React, { Suspense } from 'react';
const SettingsData = React.lazy(() => import('./SettingsData'));

function SettingsPage() {
  
return(

// Quel code va ici ?

)

}

  <Suspense>
    <div>Chargement...</div>
    <SettingsData />
  </Suspense>

<Suspense fallback={<div>Chargement...</div>}>
<SettingsData />
</Suspense>

  <React.Fragment>
    <div>Chargement...</div>
    <SettingsData />
  </React.Fragment>