I am using the connected react router for routing in my project. It seems to work as expected unless I use push('/'). This does not change the URL. If i remove exact from the route definition it changes the content shown to be what I want but not the URL.
The project versions I am using are:
"react-router-dom": "^6.2.1",
"react": "^17.0.2",
"connected-react-router": "^6.9.2"
What could be causing the issue?
Edit: here is a sample of my configuration.
ReactDOM.render(
<React.StrictMode>
<Provider store={store}>
<OidcProvider store={store} userManager={userManager}>
<AppContextProvider>
<ThemeProvider theme={theme}>
<SnackbarProvider maxSnack={10}>
<Layout>
<ConnectedRouter history={history}>
<Switch>
<Route exact path="/" component={Home} />
<Route path="/callback" component={CallbackPage} />
<Route path="/user" component={Users} />
<Route path="/login" component={Login} />
<Route path="/register" component={Register} />
<Route path="/account" component={MyAccount} />
<Route path="/userdetails/:id" component={UserPage} />
</Switch>
</ConnectedRouter>
</Layout>
</SnackbarProvider>
</ThemeProvider>
</AppContextProvider>
</OidcProvider>
</Provider>
</React.StrictMode>,
document.getElementById('root'),
);