Category: How do I do X?

This solution is summarized from an archived support forum post. This information may have changed. If you notice an error, please let us know in Discord.

How do I make Google SignIn’s redirect URL Dynamic?


I am trying to redirect users to different dashboards based on their roles after they sign in using Google Sign In within our Login page. However, I am encountering an error that says "TypeError: Cannot read properties of undefined (reading 'role')" because the getUserDashboardAndId function is executing before the login data gets stored in the Store. I think this is because I am using async actions and expecting sync results. Additionally, I need to keep in mind that storeValue is an async function.


The issue with the code is that it is trying to access data from the store before the login data is stored. This is because the code is running asynchronously, while the data retrieval is happening in the background. To solve this, you can use async/await functions to ensure that the data retrieval is complete before accessing it.

Here's an example of how to update the function to make it work:

getUserDashboardAndId: async () => {
const user = await;
const loggedInUser = await;
storeValue("loggedin_user", loggedInUser[0]);
const role =;
if (role === "Employee") {
return "employeedashboard-63d89abcb8b46679d190f4c8";
} else if (role === "Reviewer") {
return "reviewerdashboard-63e24e094fc63a0df6b867ae";
} else {
return "admindashboard-63d89abcb8b46679d190f4e5";

This code uses async/await to wait for the data to be retrieved before storing and accessing it. By doing this, it ensures that the code will not try to access data that has not yet been retrieved.