Add extra component by using react function

import './App.css';
import Banner from './components/category/Banner';
import Footer from './components/common/Footer';
import Header from './components/common/Header';
import './components/common/css/Header.css';

function App() {
  return (
    <div className="App">
          <Header/>
              <MyName />
              <Banner />
          <Footer />
    </div>

  );

}

let MyName = () => {

  return(
    <>
       <h1>My Name is Khan</h1>
    </>
  )

}

export default App;