Login not working in React Starter App

#1

Hi all,

I’ve just started working with 8base by following the tutorial here, but am having a problem with the Sign in.

The button ends up taking me to my login Domain from my Authorization Profile, but with /error?error=invalid_request&client_id= with my Client ID for the same profile as the value of the last param.

The content of the page is simply “An error was encountered with the requested page.”

I’ve double checked the values in the .env file and they all seem to match up.

Has anyone had this issue before?

Thanks.

#2

Hmmm, are you using a .env.local file or the .env file?

#3

Hey @sebastian.scholl, I’m using .env is that not correct?

#4

Try using a .env.local file and then make sure you restart your local development server.

The .env file provides a template of the required environment variables. Please do not commit any environment variables to git tracking. Running the following command will copy the .env template a new .env.local file that’s already specified in the .gitignore .

cat .env > .env.local

All variables in the template are collected from your workspace and get used to enable both authentication and api connectivity.

PORT=3000 
NODE_PATH=src 
NODE_ENV=development 
REACT_APP_WORKSPACE_ENDPOINT=<workspace_endpoint> 
REACT_APP_AUTH_PROFILE_ID=<auth_profile_id> 
REACT_APP_AUTH_CLIENT_ID=<auth_client_id> 
REACT_APP_AUTH_DOMAIN=<auth_domain>
#5

OK, I’ve been following the steps from Quick Start in the Docs (https://docs.8base.com/docs/getting-started/quick-start), which doesn’t mention the bit about using .env.local

I tried that but I’m unfortunately still getting the same error (even after restarting the local server).

#6

I’ll try starting up the react app today and let you know if I run into similar issues!

#7

Sounds good, thanks.

#8

Hey @evan.mcdaniel - I was able to login to the React App after updating some dependencies that we causing problems. However, I wasn’t able to replicate any issue with the environment variables getting read.

Were you able to resolve that? The latest changes have been deployed.

#9

Hey @sebastian.scholl, sorry for the delay here. Finally finding time to get back to this.

Unfortunately, I’m still getting the same error after starting over from scratch.

I’m using a .env.local file (though it had the same error with the non local version).

Btw, the repo (https://github.com/8base/react-8base-starter-app) has the env variables starting with REACT_APP_ while the quick start has just APP_ . I tried with both and REACT_APP_ seems to be the one that’s picked up.

Happy to troubleshoot this in real-time if that would help.

I’m really hoping to move forward with auth testing and was thinking this was the best way to go.

In the mean time, I’ll start digging around the docs to see if I can get it working some other way.

#10

I understand the confusion now with the environment variables vs. quick-start.

Each sample app has a respective template for the environment variables as there is a different naming convention. I’ll try making it clearer.

#11

Was there any resolution to this error?

The sign up button ends up taking me to my login Domain from my Authorization Profile, but with /error?error=invalid_request&client_id= with my Client ID for the same profile as the value of the last parameter.

#12

Make sure your environment variables are getting read and named properly for the framework you’re using.