Pytanie w sprawie ukrycia pełnego adresu komponentu.

Dzień dobry,
nie wiem czy napisałem w dobrej kategorii ale jak zrobić żeby w górnym pasku adresu nie pojawiał mi się cały adres komponentu.
Przykład: zamiast adres_strony/komponent1 ma wciąż wskazywać adres adres_strony/.

import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
import { BrowserRouter } from "react-router-dom";


const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
 // <React.StrictMode>

      <BrowserRouter>
 
    <App />
  
    </BrowserRouter>

Zawartość pliku app.js

//import './App.css';
import { Routes, Route } from "react-router-dom"
import Logowanie from './logowanie/logowanie';
import React from 'react'
import PanelGlowny from "./komponenty/panel_glowny/panel_glowny";

function App() {
  return (
    < >
<Routes>
        <Route path="/" element={ <Logowanie/> } />
        <Route path="panelglowny" element={ <PanelGlowny/> } />
     
      </Routes>

    </>
  );
}
export default App;

[http://localhost:3000/panelglowny] a ma być [http://localhost:3000/]

Możliwe, że rejestrujesz komponent jako page i router automatycznie tworzy dla niego routa pod jego nazwą. Nie wiem jak w react, ale tak jest w nuxt. Pokaż router i strukturę katalogów.

Noo to przecież masz <Route path="panelglowny" element={ <PanelGlowny/> } />, rejestrujesz jako page. Beż żadnego patha masz jako page wyświetlony komponent Logowanie. Dwóch komponentów pod tą samą scieżką nie zarejestrujesz, chociaż pewnie da się dopasować dynamicznie w routerze, ale zakładam, że nie o to chodzi.

Jak się pozbędziesz, to nie będzie działał. Przecież to normalnie, że masz na innych zakładkach /logowanie, /rejestracja itd.