[SOLVED] Web SDK - Create Email Session

What's weird is when I run this part of the code, the response URL triggered is success. which is "http://localhost:5173/".

      "auth0",
      "http://localhost:5173/",
      "http://localhost:5173/error"
    );```

When I execute this code below, this is where I'm getting status code 401:
```account
      .get()
      .then((response) => {
        console.log(response); // Success
      })
      .catch((error) => {
        console.log(error); // Failure
      });```

Please use 3 backticks to format your code ( ` ) 😄

Sure, got it..

So, is there any missing implementation on the code I have?

trying to check it

I also notice that when I check the nodemodule/appwrite implementation it is using TypeScript which is not same, since Im using only JSX 🙂

Could you try await-ing the createOAuth2Session

That shouldn't be an issue

Yes, I did tried also this approach but still same error

What might be happening is that you the code run createOAuth2Session, and immediately goes to account.get without waiting for the createOAuth2Session to finish.

Okay so without the account.get, it works perfectly?

By the way, I also suspect this thing you mentioned. so another approached I tried is triggering account.get using function after few seconds createOAuth2Session

Still getting the same issue.

When I also run createOAuth2Session it refreshes the Page. is this normal ?

which page refreshes? createOAuth2Session should open a new tab/window to handle the login flow. After which it should take you back to the original page

Sorry, It does not open a new page... It only uses the same page app

That's fair. What you can do is do useEffect

so whenever the page loads, you check if account.get returns anything. If it does, then go to whichever page. Else run createOAuth2Session

Sure, Let me try this approach

This is the code I just created, and seems to got having the same issue.

  useEffect(() => {
    // You can await here
    const client = new Client()
      .setEndpoint("http://20.0.0.150/v1")
      .setProject("645a9ddbef60e4b0ecc9");
    // setClient(client);
    const account = new Account(client);
    setAccount(account);
  }, []);

  const getAccount = async () => {
    const hasAccount = await account.get();

    hasAccount
      .then((response) => {
        console.log(response); // Success
      })
      .catch(() => {
        createAuth();
      });
  };
  const createAuth = async () => {
    return await account.createOAuth2Session(
      "auth0",
      "http://localhost:5173",
      "http://localhost:5173/error"
    );
  };```

<button className="m-3" onClick={getAccount}> View Client Credentials </button>

Hi, I tried another option which is using createEmailSession

        function (response) {
          console.log(response); // Success
        },
        function (error) {
          console.log("Err ", error); // Failure
        }
      );```
I got this error response:
```{
    "message": "Invalid credentials. Please check the email and password.",
    "code": 401,
    "type": "user_invalid_credentials",
    "version": "1.3.4"
}```
Request Payload

{
"email": "email@gmail.com",
"password": "password"
}```

So, I tried using Postman app to test the request.

API request Response:

Hello, Thank you for assistance, Everything works fine now when Im trying to use the registered users account, which I thought that organizations owner account is the one will authorized the login

[SOLVED] Web SDK - Create Email Session