Uncaught Error: Invariant failed: You should not use <Link> outside a <Router> The whole page is white

Viewed 25
import React from 'react';
import { Link,Router } from 'react-router-dom';

const Navbar = () => {
  return (
    <div className='p-5 pb-0 flex flex-wrap sm:justify-between justify-center item-center border-b dark:border-gray-700 border-gray-200'>
        <div className="w-screen flex justify-between items-center space-x-5">

          <Link to="/">
         
            <p className='text-2xl '>Not Google</p>
          </Link>
        </div>
    </div>
  )
}

export default Navbar
1 Answers

Your Navbar component should be a child (any nesting depth) of Router component. Please check where is your Router component (BrowserRouter, etc...)

Related