swagger-ui route in SPA

Q&A (please complete the following information)

• OS: [macOS]
• Browser: [chrome]
• Version: [latest]
• Method of installation: [npm]
• Swagger-UI version: [3.23.4]
• Swagger/OpenAPI version: [OpenAPI 3.0]

Content & configuration

Swagger/OpenAPI definition: petstore oas 3 (not important)
Swagger-UI configuration options (very basic, nothing specific):

SwaggerUI({
  dom_id: '#swaggerContainer',
  spec: swagger,
  docExpansion: 'list',
});

Screenshots

none

How can we help?

We are rendering SwaggerUI in one of our pages in SPA (React + React-router), lets say https://my.awesome.app/path/to/page/1 but as soon as I navigate to this page swagger component changing route (probably when it renders) to https://my.awesome.app/# which is breaking our users experience.
Any guidelines / hints how to prevent this from happening?

Start with the SwaggerUI configuration shown in the issue and the React/React-router page navigation that renders it. Reproduce the transition to the page with the OpenAPI 3 petstore definition, then trace which Swagger UI behavior adds the /# route; done means the SPA URL remains unchanged when the component renders.