How to correctly use interceptors and createClientConfig in nextjs #2269

recvexi · 2025-07-04T13:40:41Z

recvexi
Jul 4, 2025

我在 app/layout 中定义了 Interceptor 但无效
I defined Interceptor in app/layout, but it doesn't work

import type { Metadata } from "next"

import "./globals.css"
import { client } from "@/service/gen/client.gen"



export const metadata: Metadata = {
  title: "-",
  description: "-",
}

async function myInterceptor(response) {
  // do something
  return response
}

// Supports async functions
client.interceptors.response.use(myInterceptor)
export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang="en">
      <body className={` antialiased`}>{children}</body>
    </html>
  )
}

FDiskas · 2025-08-23T14:01:02Z

FDiskas
Aug 23, 2025

Same here. I'm using fetch-next with createClientConfig on client side. I tried similar interceptor, did not worked, then I tried in my client

requestValidator: async (opts: ResolvedRequestOptions) => { ... }

it also does not work

0 replies

programm-ingovals · 2025-10-10T17:06:01Z

programm-ingovals
Oct 10, 2025

Having the same issue with Nextjs. Where can we set our interceptor to ensure that it is used. I´m planning on server side usage only.

0 replies

Navigation Menu

Hey API

How to correctly use interceptors and createClientConfig in nextjs #2269

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 2 comments

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Hey API

How to correctly use interceptors and createClientConfig in nextjs #2269

Uh oh!

Uh oh!

recvexi Jul 4, 2025

Replies: 2 comments

Uh oh!

FDiskas Aug 23, 2025

Uh oh!

programm-ingovals Oct 10, 2025

recvexi
Jul 4, 2025

FDiskas
Aug 23, 2025

programm-ingovals
Oct 10, 2025