How to keep users logged in after OAuth sign-in across page loads?

Hey guys,

I tried to set up a few auth providers, and they are not working right now on the site from what I can see. I've tested it on Arc Browser, Brave Browser, and Firefox. When signing in with either Google, Github, or LinkedIn, it is very inconsistent with staying logged in on page switch and page load. Though, when logging in and not using the OAuth providers, it works perfectly when loading new pages.

I am running Memberstack with Wordpress and BricksBuilder. I am also using Cloudflare and Redis Object cache ( I turned off the cache to test at it still does not work ). 

When loading the homepage, a user will know that they are logged in because the login button at the top is blue and redirects to the account page (pink in dark mode). The homepage hero should be hidden as well.

When testing, as I enter the homepage after signing in with Google (with no redirect unlike using the regular Sign-in button), the hero may be hidden at first but after reloading the page once or twice it disappears and the login button reappears, instead of the blue account button.

Here's a link to the video:

https://drive.proton.me/urls/MV9AKS16CC#v5Ig4FGNbCfZ

Just as a heads up, when I click the either OAuth it correctly logs in to each account. The recording did not catch it because it opened up a new window.

https://activ8insights.com/