issue with CORS on oauth flow on browser

I cant make the oauth flow to work on the browser, the issue is very similar to this

I tried to follow those instructions but I think I am doing something wrong as I am still getting this CORS issue

my flow is as follow:

1. creating oauth url:

function createAuth1() {
  console.log("creating auth")
    const authenticationUrl = snoowrap.getAuthUrl({
      clientId: 'client_id_from_reddit(installed app)',
      scope: ['identity', 'wikiread', 'wikiedit'],
      redirectUri: 'http://10.0.0.4:3000/',
      permanent: false,
      state: 'fe211bebc52eb3da9bef8db6e63104d3' // a random string, this could be validated when the user is redirected back
    });
    window.location = authenticationUrl
}

1. after redirection extracting the code

const code = new URL(window.location.href).searchParams.get('code')

1. creating instance where token is the extracted code

function createInstance(token) {
  return new snoowrap({
    userAgent:"Bot",
    clientId:"client_id_from_reeddit(installed app)",
    clientSecret:"",
    refreshToken:token,
  })
}

1. trying to use it

const instance = createInstance(code)
console.log(await instance.getHot())

[obiwankenoobi]

Yes I changed permanent: false to permanent: true and I can see it now. Well It’s all looks good. Hope this is it! Thank you very much! (:

[charludo]

Nevermind - figured it out. For anyone else with the same problem:

The auth-code used in fromAuthCode can only be used once.

Do Step 1 as above, then change step 2 to:

Snoowrap.fromAuthCode({
    code: code,
    userAgent: '<your user agent>,
    clientId: '<your client id>,
    clientSecret: '', //empty
    redirectUri: '<your redirect uri, same as in reddit application config>'
}).then(r => {
    const token = r.refreshToken; //this!! this is the refresh token!! not the code returned from reddit!!
    // do something with the token. I put it in localstorage.
    localStorage.setItem("refreshToken");
});

And now you can create a request object.

async function foo() {
    var token = await localStorage.getItem("refreshToken");
    const request = new Snoowrap({
        userAgent: '<your user agent>',
        clientId: '<your client id>',
        clientSecret: '', //empty
        refreshToken: token
    });
    return await session;
}