Can anyone please help me out I was trying to protect the fr

Question

Can anyone please help me out I was trying to protect the frontend rout of my own ui using usestate by doesSessionExists but then it says that particular route doesn t exist But the same route works fine without it

rp · Answer

hey < paras> can you elaborate on your question Maybe share some code

paras · Answer

import React useEffect useState from react import node modules bootstrap dist css bootstrap min css import App css import SuperTokens from supertokens web js import BrowserRouter as Router Routes Route Link useNavigate from react router dom import Login from components login component import SignUpComponent from components signup component import SuperTokensConfig from config import Session from supertokens web js recipe session import HomePage from components homepage component SuperTokens init SuperTokensConfig function App const isAuthenticated setIsAuthenticated = useState false const sessionExist = async => if await Session doesSessionExist user is logged in setIsAuthenticated true else user has not logged in yet setIsAuthenticated false useEffect => sessionExist

paras · Answer

return <Router> <div className= App > <nav className= navbar navbar expand md navbar light fixed top > <div className= container > <Link className= navbar brand to= auth sign in > Frontend2 < Link> <div className= collapse navbar collapse id= navbarTogglerDemo02 > <ul className= navbar nav ml auto > <li className= nav item > <Link className= nav link to= auth sign in > Login < Link> < li> <li className= nav item > <Link className= nav link to= auth sign up > Sign up < Link> < li> < ul> < div> < div> < nav> <div className= auth wrapper > <div className= auth inner > <Routes> <Route path= auth element= <Login > > <Route path= auth sign in element= <Login > > <Route path= auth sign up element= <SignUpComponent > > <Route path= auth homepage element= <HomePage > > <Route path= isAuthenticated auth homepage auth sign in element= isAuthenticated <HomePage > <Login > > < Routes> < div> < div> < div> < Router> export default App

paras · Answer

using this code in App tsx I was trying to protect auth homepage rout but it gives error as shown in ss above

rp · Answer

there is no ` auth homepage` route that we have

rp · Answer

please see our docs guides in more detail

paras · Answer

Am using my own UI and thus created a route for that this route works fine when I am not protecting it

rp · Answer

ah right So the issue is with how you are using the Route component i don t think you can dynamically change the route path like `path= isAuthenticated auth homepage auth sign in `

paras · Answer

ooh okk lemme check it than thanks

paras · Answer

but am getting Server Error at localhost 5225 and the logs are as Using engine sql Type postgres next auth error NO SECRET https next auth js org errors no secret Please define a `secret` in production MissingSecret MissingSecretError Please define a `secret` in production at assertConfig app node modules next auth core lib assert js 24 14 at NextAuthHandler app node modules next auth core index js 34 52 at NextAuthNextHandler app node modules next auth next index js 20 51 at app node modules next auth next index js 56 38 at Object apiResolver app node modules next dist server api utils node js 182 15 at runMicrotasks at processTicksAndRejections node internal process task queues 96 5 at async NextNodeServer runApi app node modules next dist server next server js 386 9 at async Object fn app node modules next dist server base server js 488 37 at async Router execute app node modules next dist server router js 228 32 code NO SECRET next auth error NO SECRET https next auth js org errors no secret Please define a `secret` in production MissingSecret MissingSecretError Please define a `secret` in production at assertConfig app node modules next auth core lib assert js 24 14 at NextAuthHandler app node modules next auth core index js 34 52 at NextAuthNextHandler app node modules next auth next index js 20 51 at app node modules next auth next index js 56 38 at Object apiResolver app node modules next dist server api utils node js 182 15 at runMicrotasks at processTicksAndRejections node internal process task queues 96 5 at async NextNodeServer runApi app node modules next dist server next server js 386 9 at async Object fn app node modules next dist server base server js 488 37 at async Router execute app node modules next dist server router js 228 32 code NO SECRET

rp · Answer

this is nothing to do with supertokens

paras · Answer

okk sure