getting eslint error Expected an assignment or function call and instead saw an expression @typescript-eslint/no-unused-expressions code example

Example 1: Line 7:13: Expected an assignment or function call and instead saw an expression no-unused-expressions

const Button = () => {
    return <button>Hello world</button>
}

Example 2: Line 6:3: Expected an assignment or function call and instead saw an expression no-unused-expressions

import React, { useState } from "react";
import { Link } from "react-router-dom";

function Navbar() {
  return;
  <>
    <nav className="navbar">
      <div className="navbar-container">
        <Link to="/" className="navbar-logo">
          TRVL <i className="fab fa-typo3"></i>
        </Link>
      </div>
    </nav>
  </>;
}

export default Navbar;