TanStackT
TanStack•3y ago•
4 replies
verbal-lime

Re-renders on Link hover

My component tree looks like this:

- LayoutRoute
   - LayoutSidebar
      - SidebarNavigation
         - Link
         - Link
         - Link
         - Link
         - Link
   - Outlet


The link component is here:

<Link
    to={item.route.fullPath}
    activeProps={...}
    inactiveProps={...}
>


And every-time I hover a Link component and the active props change, it re-renders the entire layout.
Was this page helpful?