[brophdawg11]

Reduce unnecessary Data and Framework Mode route component re-renders by separating route IDs, active router state, route data, pending navigation state, and fetcher state into stable React contexts.

• Keep parent route components stable when only a descendant location changes.
• Avoid notifying useLoaderData consumers when no loader data changed.
• Avoid notifying active-state consumers when navigation enters a pending state, while preserving updates for useNavigation, useRevalidator, NavLink, and unstable_useRouterState.
• Avoid notifying useMatches and useRoute consumers when fetchers update, while preserving updates for useFetcher and useFetchers.

[github-actions]

Preview Build Available

Preview builds have been created for this PR. You can install react-router using:

pnpm install "remix-run/react-router#preview/pr-15376&path:packages/react-router"

And/or install other packages via:

pnpm install "remix-run/react-router#preview/pr-15376&path:packages/react-router-dev"
pnpm install "remix-run/react-router#preview/pr-15376&path:packages/react-router-express"
pnpm install "remix-run/react-router#preview/pr-15376&path:packages/react-router-node"
pnpm install "remix-run/react-router#preview/pr-15376&path:packages/react-router-serve"

These preview builds will be updated automatically as you push new commits.

[github-actions]

✅ CLA Signed

Thanks for signing the Contributor License Agreement.

[github-actions]

✅ Change File Found

One or more change files found.

Type	Change
patch	Avoid unnecessary route component re-renders when unrelated data router state changes

[github-actions]

The preview branch preview/pr-15376 has been deleted now that this PR is merged/closed.

[github-actions]

🤖 Hello there,

We recently published version 8.4.0 which includes this pull request. If you'd like to take it for a test run please try it out and let us know what you think!

Thanks!