when using withSentryReactRouterV6Routing, component gets un-mounted and re-mounted instead of re-rendered

[wlyu2001]

Is there an existing issue for this?

• I have checked for existing issues https://github.com/getsentry/sentry-javascript/issues
• I have reviewed the documentation https://docs.sentry.io/
• I am using the latest SDK release https://github.com/getsentry/sentry-javascript/releases

How do you use Sentry?

Sentry Saas (sentry.io)

Which SDK are you using?

@sentry/react

SDK Version

7.73

Framework Version

17.0.2

Link to Sentry event

No response

SDK Setup

No response

Steps to Reproduce

1. Create SentryRoutes and use it to replace standard , for example:

const SentryRoutes = Sentry.withSentryReactRouterV6Routing(Routes); 
...
return(
...
<SentryRoutes>
<Route path={URLPath.Home} element={<Home />} />
<Route path={URLPath.Notes} element={<Notes />} />
<Route path={URLPath.Notebooks} element={<Notebooks />} />
...
</SentryRoutes>
)

2. Trigger state change inside Home component, it gets un-mounted and re-mounted.

Similar issue was reported here, but it was only for wrapUseRoutes.

Expected Result

The component should be re-rendered.

Actual Result

The component is un-mounted and re-mounted instead.

[lforst]

Thanks for reporting this. We'll look into it.

[mulac]

Any update on this?

[lforst]

@onurtemizkan If you find the time would you mind looking into why this might be happening?