Я работаю над веб-приложением React с Google Firebase. У меня есть еще один проект, выполненный в простом HTML и JavaScript, который я хочу защитить с помощью текущего веб-приложения React. Когда пользователь входит в приложение React, он должен увидеть ссылку, и если пользователь щелкнет по этой ссылке, приложение HTML JavaScript будет отображаться и отображаться. Если срок действия токена истечет, пользователь будет перенаправлен обратно на страницу входа в систему и не сможет оставаться в этой папке HTML-JavaScript.

Вот мой навигационный маршрут

const Navigation = () ={amp}gt; ( {amp}lt;AuthUserContext.Consumer{amp}gt; {authUser ={amp}gt; authUser ? ( {amp}lt;NavigationAuth authUser={authUser} /{amp}gt; ) : ( {amp}lt;NavigationNonAuth /{amp}gt; ) } {amp}lt;/AuthUserContext.Consumer{amp}gt; ); const NavigationAuth = ({ authUser }) ={amp}gt; ( {amp}lt;ul {amp}gt; {amp}lt;li{amp}gt; {amp}lt;NavLink to={ROUTES.HOME}{amp}gt;Home{amp}lt;/NavLink{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li{amp}gt; {amp}lt;NavLink to={ROUTES.ABOUT}{amp}gt;About{amp}lt;/NavLink{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li{amp}gt; {amp}lt;NavLink to={ROUTES.HTML_JS_Folder}{amp}gt;HTML project which I want to secure{amp}lt;/NavLink{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; ); const NavigationNonAuth = ({ authUser }) ={amp}gt; ( {amp}lt;ul {amp}gt; {amp}lt;li{amp}gt; {amp}lt;NavLink to={ROUTES.HOME}{amp}gt;Home{amp}lt;/NavLink{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li{amp}gt; {amp}lt;NavLink to={ROUTES.ABOUT}{amp}gt;About{amp}lt;/NavLink{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; ); 

Я создал маршруты и, как вы можете видеть, NavigationAuth содержит ссылку на простую папку, содержащую файл index.html, который я хочу отобразить.