How to use async values when configuring providers?

[patatoa]

When I set up my providers, I need to pull some secrets from Google Cloud's Secret Manager. This is an async operation and it is giving me quite a headache trying to solve.

export default NextAuth({
  providers: [
    Providers.IdentityServer4({
        id: "identity-server", //...
        clientSecret: await GetSecret(), //...
    })
  ],

Obviously that won't work.

I also tried something like

const secret = (async () => await GetSecret())();
export default NextAuth({
  providers: [
    Providers.IdentityServer4({
        id: "identity-server", //...
        clientSecret: secret, //...
    })
  ],

but that still isn't working, though it compiles and is valid code.

I cannot store this in a .env or app.yaml file, because I'd need to be able to check these files in while still keeping secrets secure.
Any idea how I can use this async value when setting up the providers?

Thank you for your help!

[balazsorban44]

This should work:

// /pages/api/auth/[...nextauth].js
export default async function handler(req, res) {
  NextAuth(req, res, {
    providers: [
      Providers.IdentityServer4({
          id: "identity-server", //...
          clientSecret: await GetSecret(),
      })
    ]
  })
}

[balazsorban44]

@ndom91 Maybe we could mention this alternative way of initializing in the docs.

This has been the default before (see #867), but it is not needed in most cases, and so it should be reserved when users have special cases like the above.

[patatoa]

This solved it! Thank you!

[ndom91]

Whipped up a quick PR with this note. See: #2443