vishalxtyagiOriginal post
Rank 2: Process
I do have one more doubt, this is my directory in my next.js 13 application and I'm using useEffect to check for auth and redirection but due to which if someone tries to access protected page, the content is visible for few seconds after that useEffect redirects if not authenticated, Instead I want to show loading state from loading.tsx file of protected route until it will check authentication
Summary
Solution:
To ensure that the user cannot retrieve data they don't have access to, double-check the permissions configuration.
For the loading state, set `loading = true` initially and don't show any content. After checking the authentication, set `loading = false` and then display the content.
To implement a loading state from the `loading.tsx` file of the protected route, modify the `useEffect` function. Instead of immediately redirecting when not authenticated, display the loading state until the authentication check is complete.