metropolitan-bronze

view transitions dont work on common layout parts of a page during transition

i have a side bar that has different content depending on the route

function SidebarLayout({ children }: { children: React.ReactNode }) {
  const pathname = useLocation().pathname;
  return (
    <SidebarProvider>
      <AppSidebar path={pathname} />
      {children}
    </SidebarProvider>
  );
}

export default SidebarLayout;

function SidebarLayout({ children }: { children: React.ReactNode }) {
  const pathname = useLocation().pathname;
  return (
    <SidebarProvider>
      <AppSidebar path={pathname} />
      {children}
    </SidebarProvider>
  );
}

export default SidebarLayout;

how do i fix this

2 Replies

metropolitan-bronzeOP•2mo ago

i have defaultViewTransition: true, btw on router.tsx using tanstack start btw

afraid-scarlet•2mo ago

please provide a complete minimal reproducer project

Gaming

Programming

view transitions dont work on common layout parts of a page during transition

Did you find this page helpful?