Begrip: Suspense

De Suspense component kan gebruikt worden om een fallback element, zoals een spinner of loading animatie, te tonen terwijl data aan het laden is. Zodra de data geladen is, wordt het fallback verborgen en wordt de data getoond.

Deze component is enkel beschikbaar als je een library gebruikt die hier ondersteuning voor biedt of als je de use operator uit React 19 gebruikt.

import {FunctionComponent, Suspense} from 'react'

const SomeComponent: FunctionComponent = () => {
  return (
    <Suspense fallback={<SomeFallbackComponent/>}>
      <SomeComponentThatLoadsDataThroughALibraryThatSupportsSuspense/>
    </Suspense>
  )
}