Unexpected re-render caused by `MatchRoute`

Which project does this relate to?

Router

Describe the bug

MatchRoute will an unexpected error, if the child component of MatchRoute is a function:

// unexpected re-render
<MatchRoute to="/posts/$postId" params={{ postId: '1' }}>
    {(matches) => {
      return matches && <Post1Component />
    }}
</MatchRoute>
// expected behavior
<MatchRoute to="/posts/$postId" params={{ postId: '2' }}>
   <Post2Component />
</MatchRoute>

If you are at /posts/1, then go to /posts/2. An unexpected re-render of <Post1Component /> will happen.

Your Example Website or App

https://stackblitz.com/~/github.com/gz65555/tanstack-unexpected-rerender

Steps to Reproduce the Bug or Issue

1. Go to the reproduce url
2. click "Posts"
3. click "Post1"
4. click "Post2"

You can see the bug from devtools:

Expected behavior

I expected that the console should be:

render post1
render post2

Platform

• OS: macOS
• Browser: chrome
• Version: 133

Start with the linked StackBlitz reproduction and follow the listed navigation steps: Posts, Post1, then Post2. Inspect MatchRoute behavior with a function child using the browser devtools. Done means navigating from post 1 to post 2 logs only “render post1” and “render post2”, without an unexpected Post1Component re-render.