В новой минорной версии React Router 6.24 появилась возможность ленивого обнаружения роутов. С помощью метода unstable_patchRoutesOnMiss можно загружать дополнительные роуты и реализовывать разделение кода для ваших роутов вместо того, чтобы хранить их все в одном монолитном модуле. Эта фича пригодится для приложений с тысячами роутов, которые теперь не надо будет загружать заранее, задерживая гидратацию.
const router = createBrowserRouter(
[
{
id: "root",
path: "/",
Component: RootComponent,
},
],
{
async unstable_patchRoutesOnMiss({ path, patch }) {
if (path === "/a") {
// Загрузка `a` роута (`{ path: 'a', Component: A }`)
let route = await getARoute();
// Установка `a` роута как новый дочерний роут у `root`
patch("root", [route]);
}
},
}
);
https://github.com/remix-run/react-router/blob/main/CHANGELOG.md#v6240