uncaught reference error: App is not defined

const Header = () => {
 return (
   <header>
   <h1>scoreboard</h1>
   <span className="stats">Players:1</span>
   </header>

 );

}


const Player = () => {
  return (
    <div className="player">
     <span className="player-name">Mahima</span>
    <Counter />
    </div>
  );
}

const Counter = () => {
  return (
    <div className="counter">
    <button className="counter-action decrement">-</button>
    <span className="counter-score">35</span>
    <button className="counter-action increment">+</button>


    </div>


  );


const App = () => {
return (
  <div className = "scoreboard">
  <Header/>
  <Player />
  </div>


);
}



}
ReactDOM.render(
<App />,
  document.getElementById("root")


);

ReactDOM.render(
  <div className = "scoreboard">
  <Header/>
  <Player />
  </div>,
  document.getElementById("root")


);