Default router behaviour issues with client-side callback (hash)

[kai-oswald]

Environment

---

• Operating System: Windows_NT
• Node Version: v16.13.2
• Nuxt Version: 3.0.0-rc.13
• Nitro Version: 0.6.1
• Package Manager: npm@7.24.0
• Builder: vite
• User Config: modules
• Runtime Modules: @nuxtjs/tailwindcss@6.1.3, @nuxtjs/supabase@0.2.2
• Build Modules: -

---

Reproduction

Update to rc.13, add sign in with oauth of supabase.

Describe the bug

Supabase oauth sign in redirects to "/#access_token....". To set the token.
Default router options find the hash and try to navigate causing the error.

As a default router option, there should be a check to verify that the hash exists so this error will be prevented.

Additional context

Overwriting the default scroll behaviour with app/router.options fixes the error.

import type { RouterConfig } from "@nuxt/schema";
// https://router.vuejs.org/api/interfaces/routeroptions.html
export default {
scrollBehavior(to, from) {

}
};

Logs

DOMException: Failed to execute 'querySelector' on 'Document': '#access_token=ey...' is not a valid selector.

[danielroe]

Reproduction: https://stackblitz.com/edit/github-lqatun

[FernandoArteaga]

I'm facing the same issue, with rc.12 getting the hash worked correctly. After upgrading to rc.13 it still works but shows a console error:

Uncaught (in promise) DOMException: Failed to execute 'querySelector' on 'Document': '#access_token=eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9...........more token........
is not a valid selector.
    at _getHashElementScrollMarginTop (http://localhost:3000/_nuxt/node_modules/.pnpm/nuxt@3.0.0-rc.13_ei2llrrr25ag5uzky3pllqjd4q/node_modules/nuxt/dist/pages/runtime/router.options.mjs?v=7cfeb9ef:32:25)
    at scrollBehavior (http://localhost:3000/_nuxt/node_modules/.pnpm/nuxt@3.0.0-rc.13_ei2llrrr25ag5uzky3pllqjd4q/node_modules/nuxt/dist/pages/runtime/router.options.mjs?v=7cfeb9ef:15:36)
    at http://localhost:3000/_nuxt/node_modules/.vite/deps/vue-router.js?v=7cfeb9ef:2362:34

_getHashElementScrollMarginTop  @  router.options.mjs?v=7cfeb9ef:32
  scrollBehavior  @  router.options.mjs?v=7cfeb9ef:15
  (anonymous)  @  vue-router.mjs:3485