CI / verify (push) Failing after 6m28s
A hidratacao e a revelacao de Suspense tambem sao transicoes do React, e o <ViewTransition name="page"> do template animava a pagina inteira (page-out/page-in) nas duas, logo na chegada. Com update="none", so a troca de pagina anima.
15 lines
549 B
TypeScript
15 lines
549 B
TypeScript
import { ViewTransition } from "react";
|
|
|
|
/**
|
|
* O template remonta a cada navegação; o conteúdo leva o nome "page" e anima com page-out/page-in (globals.css).
|
|
* update="none": a hidratação e a revelação de Suspense também são transições do React e animariam a página
|
|
* inteira na chegada (a tela piscava duas vezes); só a troca de página anima.
|
|
*/
|
|
export default function Template({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<ViewTransition name="page" update="none">
|
|
{children}
|
|
</ViewTransition>
|
|
);
|
|
}
|