How to have the login page as the default if a user is not logged in

Yeah I was thinking something similar before. Basically, what I did was to put the loginWithRedirect() into a useEffect so that when the page was initially rendered it automatically redirected the user.

But the issue with this was then when I then clicked on login it redirected me to the routing page which was correct but then it somehow caused and infinite loop and logged me out again.

Here’s what I got going on right now. I guess I’ll just create a landing page where I’ll put the login button. Shouldn’t be a big deal.