Navigation bar

Add a folder and create a NavBar component

mkdir src/components/layout
touch src/components/layout/NavBar.js

Paste the code below into the NavBar file

bunny-widget-integration/src/components/layout/NavBar.js

import useSession from '../../hooks/useSession';
import { Link } from 'react-router-dom'

const NavBar = () => {
  return (
    <nav className="navbar bg-dark">
      <div className='home'>
        <Link to="/"><i className="fas fa-code"></i>BunnyWidget</Link>
      </div>
      <ul>
        <li>Some action</li>
      </ul>
    </nav>
  )
}

export default NavBar

Import the NavBar into App.js

bunny-widget-integration/src/App.js

import './App.css';
import NavBar from './components/layout/NavBar';
import {BrowserRouter as Router, Route, Routes } from 'react-router-dom'

const App = () => {
  return (
    <>
      <Router>
        <NavBar />
        <Routes>
          <Route exact path="/" element={ <div className='container'><h1>Hello Bunnies!!!!</h1></div>} />
        </Routes>
      </Router>
    </>
  );
}

export default App;

You should get something like this: