Questions tagged [connected-react-router]

1

votes
1

answer
932

Views

No location change upon connected-react-router push() from within the react-redux connect()

Dispatching the push action which was defined in mergeProps parameter of the react-redux connect() dispatches redux action but does not trigger url page change. I also wrapped the withRouter around the redux container but no seems to help. //connect.js import { Component } from './Component'; import...
Stephen Isienyi
1

votes
1

answer
59

Views

Navigating history/time travel in react-redux using connected-react-router

I would greatly appreciate any assistance or examples in how to implement time travel on a single-page react-redux app using connected-react-router. I just want to be able to program links to go back to step1 or step2 once I'm on step3 or step4 and have the correct state information for that step (n...
Holly J. Huber
1

votes
1

answer
215

Views

connected-react-router and office-ui-fabric-react <Nav>

Related post on Github Currently I have a hard time using the two libraries in my react-redux app correctly. My codes look like: index.js import { Provider } from 'react-redux'; import { ConnectedRouter } from 'connected-react-router'; ... ReactDOM.render( , rootElement ); App.js ... export default...
seed.of.apricot
1

votes
0

answer
51

Views

on BackButton: Component does not update although url is changed

When clicking on the back button , the url gets changed, but the component that should be rendered for this url, is not rendered. Rerendering seems to be blocked. I am using connected-react-router. Before implementing connected-react-router, the back button worked fine. I tried a suggested solution...
JuliaG
1

votes
0

answer
49

Views

How to use connected-react-router with redux-react-hook

I am new to react, I would like to use react hooks with redux (with redux-react-hook) with routing (I use connected-react-router but I can switch to another lib) I pass the store to the StoreContext Provider, everything is okay, but when I add the ConnectedRouter with the right context I get errors....
Gatoyu
1

votes
1

answer
0

Views

Issue implementing ConnectedRouter with react-router v4 upgrade

I upgraded to use react-router v4 (rr-v4) and read that react-router-redux has been deprecated and for rr-v4 to use connected-react-router. In doing so I now get the following error: The prop location is marked as required in ConnectedRouter, but its value is undefined. I can't seem to figure out wh...
user1015196
1

votes
1

answer
249

Views

Can't get Connected React Router set up properly

I'm trying to update to connected-react-router while updating all my React, Redux and Router versions. I am having trouble with the root reducer and store creation. The previous reducer code that was working was... const appReducer = combineReducers({...reducers, router: connectRouter}); export c...
user3775501
1

votes
2

answer
100

Views

Are `redux-loop` and `connected-react-router` compatible?

I have made a simple react app with the sample code from the following blogpost, which I leave only as a citation. I am otherwise new to the javascript ecosystem and am trying to fit together several unfamiliar tools (in order to learn them). https://medium.com/@notrab/getting-started-with-create-re...
Richard Rast
2

votes
1

answer
138

Views

React Router props `location` / `match` not updating with `ConnectedRouter`

I've got my app setup as in the docs: Step 1 ... import { createBrowserHistory } from 'history' import { applyMiddleware, compose, createStore } from 'redux' import { connectRouter, routerMiddleware } from 'connected-react-router' ... const history = createBrowserHistory() const store = createStore(...
ilovett
0

votes
0

answer
10

Views

How to use same Route for different components within same component

I'm having lots of problems rendering two components within the main App component, being rendered in different part of the app, in case the route matches '/decks/:deckId' These are the libraries i'm using (react router v4, and connected-react-router v5): import React from 'react'; import { Route...
David