You must specify 'to' property

I am trying to use Link instead of anchor tag. In this Link tag i am using the to property but it gives me error, such as, "You must specify 'to' property".

code of Nav.js file.

import React from "react";
import { Link, NavLink } from "react-router-dom";
const Navbar = () => {
return (
<nav className="nav-wrapper grey darken-3">
  <div className="container">
    <Link className="brand-logo">Sherlock Holmes</Link>
    <ul className="right">
      <li>
        <Link to="/home">Home</Link>
      </li>
        <li>
          <Link to="/about">About</Link>
        </li>
        <li>
          <Link to="/contact">Contact</Link>
        </li>
      </ul>
    </div>
  </nav>
 );
};
export default Navbar;

Code in App.js file.

import React, { Component } from “react”;

import NavBar from “./components/Nav”;

import { BrowserRouter, Route } from “react-router-dom”;

import Home from “./components/Home”;

import About from “./components/About”;

import Contact from “./components/Contact”;

class App2 extends Component {

state = {};

render() {

return (

<BrowserRouter>

<div className=“App”>

<NavBar />

<Route path=“/home” component={Home} />

<Route path=“/about” component={About} />

<Route path=“/contact” component={Contact} />

</div>

</BrowserRouter>

);

}

}
export default App2;

It gives me an error on App.jsx page at ReactDom.render that you must specify ‘to’ property.

#javascript #reactjs #react-native