Скрытие кода React страниц

Всем привет. Я пишу приложение на React, и в нём есть много разных страниц. Допустим мне нужно создать страницу, о существовании которой никто не должен знать, и доступ к ней должен быть только у админа или других пользователей с определённой ролью. При том мне нужно скрыть не только информацию со страницы, мне нужно скрыть сам факт её существования. Как мне правильно создать такую страницу? У меня уже реализована авторизация на сайте, так что у меня есть информация о роли каждого пользователя. Вот какие варианты я перебирал:

1. Создание защищённых роутов. Не думаю, что мне подходит этот вариант, потому что при таком подходе любой пользователь сможет увидеть страницу TaskPage в bundle.js.

<Routes>
  <Route path="/" element={<SomeRoute />}>
  <Route path="about" element={<AboutPage />} />
  {isAdmin && <Route path="tasks" element={<TasksPage />} />}
</Routes>

2. Обфускация и минификация кода. На сколько я понял, эти два способа только затрудняют анализ кода, но не делают его на 100% защищённым от расшифровки.
3. Использование Next.js. Возможно это тот вариант, который мне подходит. Но пока что я не смог разобраться полностью в том, как сделать защищённый роутинг на нём. Как думаете, можно ли использовать next.js для того, чтобы скрывать страницы?
4. Ещё я думал над тем, чтобы отправлять jsx страниц с сервера на клиент и после этого собирать проект заново и отправлять bundle.js пользователю. Но этот вариант мне кажется слишком странным. + Такая отправка файлов будет сильно нагружать сервер.