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.