Next.js: Clerk NoAuthProvider Error

Upon cloning https://github.com/get-convex/convex-nextjs-app-router-demo I get the error

Failed to authenticate: "NoAuthProvider: No auth provider found matching the given token", check your server auth config

Failed to authenticate: "NoAuthProvider: No auth provider found matching the given token", check your server auth config

when attempting sign-in with my Clerk credentials in

.env.local

.env.local

and in my convex env settings on localhost:3000 after running

npm run dev

npm run dev

my .env.local is as follows:

# Deployment used by `npx convex dev`
CONVEX_DEPLOYMENT=dev:[redacted]

NEXT_PUBLIC_CONVEX_URL="https://[redacted].convex.cloud"

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=[redacted]
CLERK_SECRET_KEY=[redacted]
CLERK_JWT_ISSUER_DOMAIN=https://[redacted].clerk.accounts.dev

# Deployment used by `npx convex dev`
CONVEX_DEPLOYMENT=dev:[redacted]

NEXT_PUBLIC_CONVEX_URL="https://[redacted].convex.cloud"

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=[redacted]
CLERK_SECRET_KEY=[redacted]
CLERK_JWT_ISSUER_DOMAIN=https://[redacted].clerk.accounts.dev

GitHub

GitHub - get-convex/convex-nextjs-app-router-demo: Demo showing a N...

Demo showing a Next.js App Router app powered by Convex backend - GitHub - get-convex/convex-nextjs-app-router-demo: Demo showing a Next.js App Router app powered by Convex backend