<Teleport> renderiza a markup de um componente em um local diferente no DOM do que onde está declarado em sua árvore de componentes — mas o mantém logicamente como parte do componente (reatividade, props, eventos ainda funcionam).
O problema que ele resolve
Modais, tooltips e notificações geralmente precisam ser um para evitar problemas de CSS — , ou contexto de empilhamento de um pai pode cortar ou desposicionar incorretamente um modal. Mas logicamente, o modal pertence ao componente que o dispara.
