When using sign in for the first time, always facing a Uncaught runtime error

[piyumaldk]

Describe the issue:
When using sign in for the first time, always facing a Uncaught runtime error.

Console log

However, weirdly this issue is not reproduced if we have refreshed the page.

How to reproduce:
Used a simple sign in button such as below are try.

import React from 'react';
import { useAuthContext } from "@asgardeo/auth-react";

const SignIn = () => {
    const { state, signIn } = useAuthContext();

    if (state.isLoading) {
        return (
          <h1>Loading</h1>
        );
    }

    return (
        <>
            <h1>AI Subscription Login Page</h1>
            <button onClick={ () => signIn() }>Login</button>
        </>
    );
};

export default SignIn;

Expected behavior:
Redirecting to the login page of Asgardeo without an issue.

Environment information (Please complete the following information; remove any unnecessary fields) :

• Product Version: @asgardeo/auth-react: "^5.1.1"
• OS: Mac
• Database: N/A
• Userstore: N/A

[brionmario]

Hi @piyumaldk,

Could you please share the SDK configuration (clientId and any other sensitive data redacted) you are using in the application.

[NipuniBhagya]

Hi @piyumaldk,

Could you please share the SDK configuration (clientId and any other sensitive data redacted) you are using in the application.

Also, how do you maintain the SDK configurations? (ex: .env, .json or in the index.jsx/main.jsx)

[pavinduLakshan]

This is still reproducible when trying to integrate the SDK with a simple vite React app.

[MarcinSzalomski]

I have the same problem. I'm handling my credentials via .env.