I am using this snippet to authorize to the stack-Overflow API const baseUrl = "https://stackexchange.com/oauth/dialog?client_id=17823&scope=read_inbox,no_expiry&redirect_uri=https://stackexchange.com/oauth/login_success"; export default class Authentication { authorize() { console.log("calling authorize"); fetch(baseUrl, { headers: { "Content-Type": "application/x-www-form-urlencoded", "Access-Control-Allow-Origin": "https://stackexchange.com", }, mode: "no-cors", }); } }

It is not redirecting to the user's approval page. Instead when i open the response from the network tab  ,it takes me to this URI  https://stackexchange.com/oauth/login_success#access_token=43w24pKEasZPWEiGljW(5Q))

with Authorizing Application body.

Can anyone help what's wrong with the flow?

I am using this snippet to authorize to the Stack Exchange API

const baseUrl =
      "https://stackexchange.com/oauth/dialog?client_id=17823&scope=read_inbox,no_expiry&redirect_uri=https://stackexchange.com/oauth/login_success";
    export default class Authentication {
      authorize() {
        console.log("calling authorize");
        fetch(baseUrl, {
          headers: {
            "Content-Type": "application/x-www-form-urlencoded",
            "Access-Control-Allow-Origin": "https://stackexchange.com",
          },
          mode: "no-cors",
        });
      }
    }

It is not redirecting to the user's approval page. Instead when I open the response from the network tab, it takes me to this URI:

https://stackexchange.com/oauth/login_success#access_token=43w24pKEasZPWEiGljW(5Q))

which shows 'Authorizing Application'.

Can anyone help what's wrong with the flow?