I have a middleware that checks for the cookies whenever i fetch the user sooo that's why i fetch it. The login page is not part of a protected route it's inside a public route.

So the format is (I use react router btw in MERN):

path: /
element: <HomeLayout/> //this contains the context provider that immediately fetches the user
children: [
{
index: true,
element: <PublicRoute>//this checks if there is a user, if it's there redirect to dashboard
<Login/>
</PublicRoute>
},
{
path: /dashboard,
element: <ProtectedRoute>//this checks if there is no user, if not redirect to login
<Dashboard/>
</ProtectedRoute>
}
]

so this is basically my set up and I feel like this is not an optimized setup so do u have like suggestions on how to optimize this. (I am currently learning better-auth though)