Interceptor Duplicates When Modifying and Saving _layout.tsx File in Expo Project Using client-fetch

[goltra]

Description

Hello, I have an issue when implementing the interceptor.

I am working on an Expo project and using client-fetch. I'm using these versions:
"@hey-api/client-fetch": "^0.2.4",
"@hey-api/openapi-ts": "^0.52.11",

In my main _layout.tsx file, I define the client configuration first:

client.setConfig({
    baseUrl: process.env.EXPO_PUBLIC_API_URL
})
const intercepUnauthorized = (response) => {
    if (response.status === 401 && response.url.indexOf('update-access-token') === -1) {
        console.log('intercepUnauthorized', response);
        //refreshToken();
    }
    return response;
}

client.interceptors.response.use(intercepUnauthorized);

After that, I do a console log to check that the interceptor has been correctly created:

console.log('interceptors =>', client.interceptors.response);

The problem occurs when I modify the _layout.tsx file. Each time I modify and save it, a new interceptor is added to the client, and this keeps happening every time I modify and save the file.

As you can see in the code, I add a function so that it is referenced within the interceptors, but it still keeps adding it.

Here you have a video about this issue

Grabacion.de.pantalla.2024-09-03.a.las.13.32.43.mov

Does anyone have any idea what the problem might be?

Reproducible example or configuration

No response

OpenAPI specification (optional)

No response

System information (optional)

No response

[mrlubos]

@goltra That's expected. If you want to avoid duplicate interceptors, you'll need to unregister it (I'm unclear how this works in Expo but you could probably extract it into a separate function) or refresh the whole page on change.

[goltra]

Sorry, I didn't realize that name is not an actual attribute but rather part of the added function. If it sounds good to you, besides implementing the "clear" function, I can also add something that allows searching among the added functions (by passing the function as a parameter) to check if it's already in the interceptor. That way, we can choose whether or not to add the interceptor.

[mrlubos]

That sounds reasonable I think. Want to create a draft pull request with one of the features first? I created an issue for it #1004

[goltra]

I have made a PR. I hope my contribution helps, and thank you very much for your work 👏

[goltra]

That sounds reasonable I think. Want to create a draft pull request with one of the features first? I created an issue for it #1004

sorry, I read it after make PR 😞

[mrlubos]

No worries, left you a comment