Duplicação do Banner ao aninhar as rotas com o atributo Index.

import {BrowserRouter, Route, Routes} from "react-router-dom";
import Inicio from "Paginas/Inicio";
import SobreMim from "Paginas/SobreMim";
import Menu from "componentes/Menu";
import Rodape from "componentes/Rodape";
import PaginaPadrao from "Paginas/PaginaPadrao";

function AppRoutes() {
  return (
    <BrowserRouter>
      <Menu />
      <Routes>
      <Route path="/" element={<PaginaPadrao />}>
          <Route index element={<Inicio />} />
          <Route path="sobremim" element={<SobreMim />} />
        </Route>
        <Route path="*" element={<div>Página não encontrada</div>} />
      </Routes>
      <Rodape />
    </BrowserRouter>  
    );
}

export default AppRoutes;

Ao realizar o desafio proposto no exercício, o componente Banner ficou duplicado.

O meu código está igual ao sugerido pelo professor.

Não consigo achar o erro.

Alguém pode ajudar?