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.
This commit is contained in:
1 parent
838b96349f
commit
3756905a1b
1 file changed
+10
-2
+10
-2
@@ -1,6 +1,14 @@
|
||||
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). */
|
||||
/**
|
||||
* 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">{children}</ViewTransition>;
|
||||
return (
|
||||
<ViewTransition name="page" update="none">
|
||||
{children}
|
||||
</ViewTransition>
|
||||
);
|
||||
}
|
||||
Reference in new issue
Block a user