#Next Auth Redirect uri is invalid with multi tenant architecture

8 messages · Page 1 of 1 (latest)

weary yarrow
#

Hi, I'm implementing the multi tenancy architecture in my application and i'm facing one issue with next-auth. I'm using sign in functions to sign in for google and discord and im passing the callback url as localhost:3000 but Im getting an error saying redirect_uri mismatch.

I'm on page client.localhost:3000/login

Error

Request details: redirect_uri=http://client.localhost:3000/api/auth/callback/google flowName=GeneralOAuthFlow

Middleware code:

import { NextRequest, NextResponse } from 'next/server'

export const config = {
    matcher: [
        '/((?!_next/static|_next/image|favicon.ico|public/).*)', // Match all routes except these
        '/api/(.*)',
    ],
}

const allowedPaths = [
    '/api',
    '/assets',
    '/_next/static',
    '/_next/image',
    '/favicon.ico',
    '/public/',
]

export async function middleware(request: NextRequest) {
    const url = request.nextUrl

    const path = url.pathname

    if (allowedPaths.some((allowedPath) => path.startsWith(allowedPath))) return NextResponse.next()

    let protocol = url.protocol // http: or https:

    let hostname = request.headers.get('host') // client.localhost:3000
    console.log('XXXXXXXXXXXX', `${url.origin}${path}`)

    if (path.startsWith('/api')) {
        console.log('inside api')
        return NextResponse.rewrite(new URL(`${url.origin}${path}`))
    }

    const finalUrl = protocol + '//' + hostname // http://client.localhost:3000 or  http://localhost:3000

    if (finalUrl === process.env.SITE_URL) {
        return NextResponse.next()
    }

    if (hostname) hostname = hostname.replace(`.${url.host}`, ``) // client

    return NextResponse.rewrite(new URL(`/${hostname}${path}`, request.url))
}
verbal dustBOT
#
Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

weary yarrow
#

Code to invoke sign-in

<ActionButton
                onClick={() =>
                    signIn('google', {
                        callbackUrl: '/test', // any random url to test
                    })
                }
                text='Log in with Google'

            />
winged sinew
winged sinew
#

i figured it out: uncommented the following in auth.ts

  // basePath: "/auth",
weary yarrow
weary yarrow