React router giving me cannot read property of location undefined. (react-router-dom version 5.2.0)

by

I have been looking all over and cant figure out why this is happening. I’ve been seeing all different answers. Here is my App.js:

import React, { useState } from "react";
import "./App.css";
import Hero from "./Hero";
import Home from "./pages/Home";
import Store from "./pages/Store";
import { BrowserRouter as Router, Switch, Route } from "react-router-dom";

function App() {
  return (
    <>
      <Router>
        <Hero />
        <Switch>
          <Route path="/" exact component={Home} />
          <Route path="/store" exact component={Store} />
        </Switch>
      </Router>
    </>
  );
}

export default App;

here is the code for my menu containing links:

import React from "react";
import { Link, Router } from "react-router-dom";
import "./Menu.css";

function Menu() {
  return (
    <Router>
      <div className="menuCont">
        <ul className="menuList">
          <li className="menuItem">
            <Link to="/">
              <div>
                <h1 className="menuText">Home</h1>
              </div>
            </Link>
          </li>
          <li className="menuItem">
            <Link to="/store">
              <div>
                <h1 className="menuText">Store</h1>
              </div>
            </Link>
          </li>
          <li className="menuItem">
            <Link to="/">
              <div>
                <h1 className="menuText">Contact</h1>
              </div>
            </Link>
          </li>
          <li className="menuItem">
            <Link to="/">
              <div>
                <h1 className="menuText">About</h1>
              </div>
            </Link>
          </li>
        </ul>
      </div>
    </Router>
  );
}

export default Menu;

I have been unable to get a good answer that works for me. This behavior seems unpredictable especially since this code is pretty much the same as i used in another app i made. Also typing in /store into the url brings me to the store page so i have no clue what is happening im not super familiar with the router.

109 thoughts on “React router giving me cannot read property of location undefined. (react-router-dom version 5.2.0)”

  58. Pretty nice post. I just stumbled upon your weblog and wished to say that I have truly enjoyed surfing around your blog posts.

    After all I’ll be subscribing to your rss feed and I hope you write again soon!

    Reply

  64. When I initially commented I clicked the “Notify me when new comments are added” checkbox and now each time a comment is added I get four e-mails with the same comment.
    Is there any way you can remove people from that service?

    Thank you! scoliosis surgery https://0401mm.tumblr.com/ scoliosis surgery

    Reply

Leave a Comment