Explorando componente Suspense


Suspense é um componente que envolve qualquer parte da sua árvore de componentes que possa demorar para carregar. Ele informa ao React para exibir um fallback enquanto o componente está sendo carregado.

const App = () => (
  <Suspense fallback={<div>Carregando...</div>}>
    <MyComponent />
  </Suspense>
);

O fallback é a UI que será renderizada enquanto o componente MyComponent está sendo carregado de forma assíncrona.

Referências