Route X has an invalid "GET" export: Type "Y" is not a valid type for the function's second argument.

[lancejpollard]

Summary

Here is the code:

// The client you created from the Server-Side Auth instructions

import { NextRequest } from 'next/server'
import { handleProviderCallback } from '~/queries/sessions'

type Props = {
  params: {
    provider: string
  }
}

export async function GET(request: NextRequest, props: Props) {
  const searchParams = request.nextUrl.searchParams
  const code = searchParams.get('code')
  const next = searchParams.get('next') ?? '/'

  await handleProviderCallback({
    url: request.url,
    provider: props.params.provider,
    code,
    next,
  })
}

It is erroring saying:

   Creating an optimized production build ...
 ✓ Compiled successfully
   Linting and checking validity of types  ...Failed to compile.

app/authentications/[provider]/callback/route.ts
Type error: Route "app/authentications/[provider]/callback/route.ts" has an invalid "GET" export:
  Type "Props" is not a valid type for the function's second argument.

Additional information

Operating System:
  Platform: darwin
  Arch: arm64
  Version: Darwin Kernel Version 23.6.0: Mon Jul 29 21:14:30 PDT 2024; root:xnu-10063.141.2~1/RELEASE_ARM64_T6030
  Available memory (MB): 36864
  Available CPU cores: 12
Binaries:
  Node: 20.10.0
  npm: 10.4.0
  Yarn: 1.22.19
  pnpm: 9.11.0
Relevant Packages:
  next: 15.0.2 // Latest available version is detected (15.0.2).
  eslint-config-next: 15.0.2
  react: 19.0.0-rc-02c0e824-20241028
  react-dom: 19.0.0-rc-02c0e824-20241028
  typescript: 5.3.3
Next.js Config:
  output: N/A

Example

No response

[lancejpollard]

Using turbo.

[lancejpollard]

Also getting:

ESLint: Cannot read properties of undefined (reading 'split') Occurred while linting ./app/authentications/[provider]/callback/route.ts:12 Rule: "@next/next/no-typos"
 ✓ Linting and checking validity of types

if I remove the second argument.

[lancejpollard]

This fixes it, using Promise on params:

import { NextRequest } from 'next/server'
import { handleProviderCallback } from '~/queries/sessions'

type Props = {
  params: Promise<{
    provider: string
  }>
}

export async function GET(request: NextRequest, props: Props) {
  const params = await props.params
  const searchParams = request.nextUrl.searchParams
  const code = searchParams.get('code')
  const next = searchParams.get('next') ?? '/'

  await handleProviderCallback({
    url: request.url,
    provider: params.provider,
    code,
    next,
  })
}

Still getting this though:

   ▲ Next.js 15.0.2
   - Environments: .env
   - Experiments (use with caution):
     · turbo

   Creating an optimized production build ...
 ✓ Compiled successfully
   Linting and checking validity of types  . ⨯ ESLint: Cannot read properties of undefined (reading 'split') Occurred while linting ./app/authentications/[provider]/callback/route.ts:10 Rule: "@next/next/no-typos"
 ✓ Linting and checking validity of types
 ✓ Collecting page data
 ✓ Generating static pages (14/14)
 ✓ Collecting build traces
 ✓ Finalizing page optimization

[sonu-dpu]

Thanks for your code snippet,
error resolved :

  Creating an optimized production build ...
 ✓ Compiled successfully
   Linting and checking validity of types  .Failed to compile.

src/app/api/students/[id]/route.ts
Type error: Route "src/app/api/students/[id]/route.ts" has an invalid "GET" export:
  Type "{ params: Params; }" is not a valid type for the function's second argument.

[dibenkobit]

thank you

[icyJoseph]

Hi,

Yeah, as you have figured out, there are breaking changes in Next 15!

• https://nextjs.org/blog/next-15#async-request-apis-breaking-change

So, you have to use the Promise like, params.

As per the ESLINT error, does it happen without turbo?

• next.js/packages/eslint-plugin-next/src/rules/no-typos.ts

  Line 76 in fa8d558

  const page = context.filename.split('pages', 2)[1]

Kind of weird, if that's where it fails 🤔