1

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'),
);
radulfr
  • 114
  • 3
  • 13

0 Answers0