CODEWITHSUNDEEP
reactjsreact-router-dom
Majid NWL
Majid NWL

Reputation: 327

Warning: Hash history cannot PUSH the same path; a new entry will not be added to the history stack

I'm working on react-router-dom and in console this error is appearing.

Warning: Hash history cannot PUSH the same path; a new entry will not be added to the history stack

Upvotes: 14

Views: 31450

Answers (3)

Omer
Omer

Reputation: 3486

Use Replace

add 'replace' to the NavLink or Link

<NavLink exact to="/myProfile" replace >My Propile</NavLink>

or

<Link to="/myProfile" replace />

Upvotes: 23

Pablo
Pablo

Reputation: 586

I got this message. I change the routing variable to function

before message:

    const routing = (
      <Switch>
        ...
      </Switch>
    );

fixed to:

    const routing = () => (
      <Switch>
        ...
      </Switch>
    );

Upvotes: 0

Sagar
Sagar

Reputation: 4957

Basically, the problem is that if you are on page /here and click a link to /here, you end up with essentially duplicate (just different keys) location objects. Please confirm that your pushing the different paths in <Link to='/diff'/>

checkout this link for more reference: https://github.com/ReactTraining/react-router/issues/5996

Upvotes: 5

Related Questions