Unordered List in JSX

ul.jsx

const LeftSidebar = () => {
  return (
    <nav className='leftsidebar'>
        <ul className='flex flex-col gap-6'>
          <li>
            <NavLink to="/">Home</NavLink>
          </li>
          <li>
            <NavLink to="/settings">Settings</NavLink>
          </li>
          <li>
            <NavLink to="/profile">Profile</NavLink>
          </li>
        </ul>
    </nav>
  )
}

export default LeftSidebar;