Почему для работы этого кода React Router необходимы пустые маршруты? ⇐ Javascript

[Anonymous]

Используя React (и React Router), я создаю меню навигации внутри другого меню навигации. Я создал именно то, что искал, но не понимаю часть кода и хочу внести ясность. Код, который я не понимаю, комментируется: "зачем это нужно".
В качестве эксперимента я попросил чат gpt переписать мой код, и он сделал это, удалив прокомментированный код. , но эта версия не работает.
Приведенный ниже код работает, потому что он позволяет мне выбрать LINK с именем Topology, и это отображает компонент с именем Topology. Внутри визуализированного компонента есть три дополнительные ссылки, при нажатии на каждую из которых отображается соответствующий компонент.
Я прикрепил небольшое видео, на котором я нажимаю на ссылки и меняются маршруты (по какой-то причине). видео не захватило курсор мыши, но ссылки, которые я нажимаю, отражаются в изменении URL-адреса)
Видео рендеринга
import React from 'react';
import { Routes, Route, Link } from 'react-router-dom';

function WorkSpace({children}){
return(

{children}
WORKSPACE


)
}

function Topology(){
return(


Topology

Packet Broker

Slice

Topology







)
}

function MiniTabsRenderSpace(){

return (



//

Подробнее здесь: https://stackoverflow.com/questions/793 ... de-to-work