ChannelList.js

import { Link } from 'react-router-dom'
import React, { useState } from 'react';
import LeftHamburger from './LeftHamburger';
import RightHamburger from './RightHamburger';

const ChannelList = () => {
  const id = localStorage.getItem('user');

  return (
    <div>
      <nav className="navbar navbar-light d-flex justify-content-between">
        <LeftHamburger />
        <div>
          <Link to={`/user/${id}`}>
            <img src="/BORA.png" style={{ width: '160px' }} />
          </Link>
        </div>
        <RightHamburger />
      </nav>
    </div>
  )
}

export default ChannelList