SvelteKit: provider route not found when using signIn from @auth/sveltekit/client

[fartinmartin]

I'm trying out @auth/sveltekit and have followed the guide and setup the GitHub OAuth provider.

Everything seems to work except the signIn method from @auth/sveltekit/client which fails with SvelteKitError: Not found: /signin/github.

I've been testing via this repo which has a <Header/> component with both @auth/sveltekit/client and the action/form based components from @auth/sveltekit/components:

<script lang="ts">
  import { page } from "$app/state";
  import { signIn, signOut } from "@auth/sveltekit/client";
  import { SignIn, SignOut } from "@auth/sveltekit/components";
</script>

{#if page.data.session}
  {@const user = page.data.session.user}
  <span>{user?.name ?? user?.email}</span>
  <div class="buttons">
    <button onclick={() => signOut()}>💻 sign out</button>
    <SignOut>
      <div slot="submitButton">🤖 sign out</div>
    </SignOut>
  </div>
{:else}
  <span>you are not signed in :(</span>
  <div class="buttons">
    <button onclick={() => signIn("github")}> 💻 sign in </button>
    <SignIn provider="github">
      <div slot="submitButton">🤖 sign in</div>
    </SignIn>
  </div>
{/if}

Passing an empty string removes the error, but doesn't let you sign in (which makes sense!):

-<button onclick={() => signIn("github")}> 💻 sign in </button>
+<button onclick={() => signIn("")}> 💻 sign in </button>

Any tips? Why would the action work via the form components but fail via the signIn method?

[fartinmartin]

Seems like @auth/sveltekit@1.8.0 is the issue as downgrading to 1.7.4 fixes signIn!

Ah, looks like it is known:

• Getting Started in Sveltekit is Not working #12719
• fix(sveltekit) - client functions not working in latest patch #12751
• fix: improve client-side submodules #12249 (comment)