youtube_collection/youtube_collection_web/src/App.js

import './App.css';
import { Route, Routes, Navigate } from 'react-router-dom';
import Home from './components/Home';
import Login from './components/Login.js';
import Home1 from './components/Home1.js';


function App() {
  return (
    <div className="App">
      <Routes>
        <Route path="/login" element={<Login />} />
        <Route path="/home/" element={<Home />} >
          <Route path="1" element={<Home1 />} />
        </Route>

        <Route path="/" element={<Navigate replace to="/login" />} />;
      </Routes>
    </div>
  );
}


export default App;