[nuxt] Could not access `then`. The only available runtime config keys on the client side are `public` and `app`

[gabriel-nigro]

Describe the feature

I'm using Sidebase Nuxt-Auth + Nuxt3 + Vuetify3, and I'm getting this annoying warning when I click on the logout button, which calls signOut function.

Environment

❯ npx nuxi info
[17:08:40] Working directory: /home/projects/github-dvjyh3
[17:08:40] Nuxt project info:

---

• Operating System: Linux
• Node Version: v18.20.3
• Nuxt Version: 3.13.2
• CLI Version: 3.14.0
• Nitro Version: 2.9.7
• Package Manager: npm@10.2.3
• Builder: -
• User Config: -
• Runtime Modules: -
• Build Modules: -

---

Reproduction

Link to stackblitz.

Just go to /login page and sign in. Right before you'll be redirected to /home, which have sign out button. Open console and click the button.

Provider

• AuthJS
• Local
• Refresh
• New Provider

Logs

Warning in Console:

[nuxt] Could not access then. The only available runtime config keys on the client side are public and app. See https://nuxt.com/docs/guide/going-further/runtime-config for more information.

[github-actions]

Hello 👋

Please provide a reproduction for this issue 🙏

How can I create a reproduction?

Please use one of the following links to reproduce your issue.

• https://stackblitz.com/github/nuxt/starter/tree/v3-stackblitz
• https://codesandbox.io/s/github/nuxt/starter/v3-codesandbox

Please ensure that the reproduction is as minimal as possible. This will allow us to isolate the issue as best as possible.

Here are some more amazing posts about the importance of reproductions:

• The Importance of Reproductions
• How to Generate a Minimal, Complete, and Verifiable Example

[andrescellini]

having same warning with both signIn and signOut methods using local provider

[gabriel-nigro]

Hello 👋

Please provide a reproduction for this issue 🙏

How can I create a reproduction?

Here is the link: https://stackblitz.com/edit/github-dvjyh3

Just go to /login page and sign in. Right before you'll be redirected to /home, which have sign out button.

[DavidRoff]

I have this exact same problem and the signOut() call never completes, so neither the callbackUrl work or any code that would be executed after awaiting the signOut call.

[carvalhoms]

Hello, same issue here. I just created a new Nuxt application, imported nuxt-auth, and used the basic local provider setup as described in the documentation, but I'm encountering the same warning:

signIn() and signOut()

[nuxt] Could not access 'then'. The only available runtime config keys on the client side are 'public' and 'app'.

nuxt-auth 0.9.4

Has anyone figured out what’s causing this?

Will this cause issues in production?

[phoenix-ru]

I was finally able to reproduce this warning. It was caused by a flaky behaviour of Nuxt trying to Proxy the Runtime Config. Doing an await on runtimeConfig caused Nuxt to issue the warning. There should be no problem in production though.

Will be fixed after #942 as a follow-up.

nuxt-auth/src/runtime/utils/fetch.ts

Line 7 in f5c3326

const runtimeConfig = await callWithNuxt(nuxt, useRuntimeConfig)

https://github.com/nuxt/nuxt/blob/4d22f4d5ace0e206c90c7e3d334a1a2394f4ecbc/packages/nuxt/src/app/nuxt.ts#L571-L580