Como o Suspense funciona para busca de dados, e como você está usando ele no React 19?

Um componente suspende quando lê uma promise que ainda não resolveu. O React sobe até o Suspense boundary mais próximo, mostra o fallback dele até a promise resolver, e então renderiza o conteúdo real. No React 19 você lê uma promise com o hook use, normalmente criada em um Server Component ou num cache e passada para baixo. O Suspense coordena estados de carregamento; ele não busca nada sozinho.

Suspense é uma primitiva de coordenação, não uma camada de dados. Quando um componente lê uma promise que não resolveu, ele suspende, o React acha o boundary mais próximo acima dele, renderiza aquele fallback, e tenta a subárvore de novo quando a promise resolve. No React 19 o jeito de ler uma é o hook use, e a regra importante é que a promise não pode ser criada durante o render do componente que chama use, senão você fabrica uma promise nova a cada tentativa e ela nunca resolve. Então na prática a promise começa em um Server Component ou sai de um cache e é passada para baixo. Do lado do servidor isso combina com streaming: a casca vai embora na hora, e as seções mais lentas chegam em stream conforme os dados delas ficam prontos. Para posicionar boundaries eu tento embrulhar a menor coisa pela qual um usuário aceitaria ver um skeleton, para que um painel lento de recomendações não segure os detalhes do produto. A armadilha são awaits sequenciais criando um waterfall, então eu disparo as buscas independentes juntas antes de dar await nelas.