Placing Devtools alongside RouterProvider prints multiple warnings

[flashblaze]

Which project does this relate to?

Router

Describe the bug

Based on Manually passing the Router instance, below code should work

function App() {
  return (
    <>
      <RouterProvider router={router} />
      <TanStackRouterDevtools router={router} />
    </>
  )
}

However, I'm seeing these warnings in the UI
Warning: useRouter must be used inside a <RouterProvider> component!

Your Example Website or App

https://stackblitz.com/edit/vitejs-vite-grpvtzfd?file=src%2FApp.tsx

Steps to Reproduce the Bug or Issue

1. Open the app and check console, you'll see multiple warnings
2. Commenting out the Devtools import fixes the warnings not being shown

Expected behavior

I should not see any warnings

Screenshots or Videos

No response

Platform

• OS: All
• Browser: All
• Version: All

Additional context

No response

[schiller-manuel]

cannot reproduce anymore with latest versions. do you still see this?

[birkskyum]

@schiller-manuel , I see this warning in the browser console. I believe it's still there.

[xsjcTony]

Yep, can confirm it's still there with the latest version, with @tanstack/react-router-devtools.
Version: 1.114.17

[xsjcTony]

A lot of warnings will be printed on every single navigation