How to make Sentry tracing work with HydratedRouter in react-router v7?

[punkpeye]

I am using react-router v7 framework.

The instructions in https://docs.sentry.io/platforms/javascript/guides/react/features/react-router/v7/ only mention how to instrument createBrowserRouter, etc. but in case of RRv7, there is HydratedRouter

startTransition(() => {
  hydrateRoot(
    document,
    <StrictMode>
      <HydratedRouter />
    </StrictMode>,
  );
});

I have tried only adding:

Sentry.reactRouterV7BrowserTracingIntegration({
        createRoutesFromChildren,
        matchRoutes,
        useEffect,
        useLocation,
        useNavigationType,
      }),

but I don't get client traces.

[lforst]

Do you still have <Routes>?

[lforst]

To keep in mind: We technically don't yet support RR7 in framework mode. Just in library mode.