Called injectEndpoints to override already-existing endpointName

[devoren]

I'm using RTK Query with React Native and I've split the main API with injectEndpoints. I have this problem when i set overrideExisting false (DEV mode)

[phryneas]

That is probably due to hot module reloading reloading the file when you apply changes to it.

You could try adding

overrideExisting: module.hot?.status() === "apply"

to the injectEndpoints call.

[devoren]

@phryneas Wow thanks for the quick response! The error is showing when I open the app for the first time and then if I change something the error is not shown.I am now trying the solution you wrote. Does it work in release mode as "false"?

[phryneas]

The warning occurs if you call .injectEndpoints for the same endpoint name multiple times. I can't tell how that happens in your specific situation. You should definitely avoid that in your code.

[devoren]

I am calling useLoginMutation when I click a button. I don't have endpoints where I call inside useEffect or multiple times

Api:

const baseUrl = API.HOST;

const baseQuery = fetchBaseQuery({
	baseUrl: baseUrl, 
       ...
});

export const api = createApi({
	reducerPath: 'api',
	baseQuery,
	tagTypes: ['User'],
	endpoints: () => ({}),
});

Inject endpoints:

const userApi = api.injectEndpoints({
	endpoints: (builder) => ({
		login: builder.mutation<AuthResponse & ErrorResponse, LoginRequest>({
			query: (body) => ({
				url: ENDPOINTS.USERS.LOGIN,
				method: 'POST',
				body,
			}),
		}),
		signup: builder.mutation<AuthResponse, SignupRequest>({
			query: (body) => ({
				url: ENDPOINTS.USERS.SIGNUP,
				method: 'POST',
				body,
			}),
		}),
		...
	}),
	 // @ts-ignore
	overrideExisting: module.hot?.status() === "apply",
});

How i call it

const onLogin = () => {
        login(req)
		.unwrap()
		.then((data) => {
			console.log(data)
		});
	}

[devoren]

I don't know how but the problem disappeared without this solution

That is probably due to hot module reloading reloading the file when you apply changes to it.

You could try adding

overrideExisting: module.hot?.status() === "apply"

to the injectEndpoints call.

[Ashfak-Hossain]

overrideExisting: module.hot?.status() === "apply"

With this typescript, the error

• Property 'hot' does not exist on type 'NodeModule'.ts(2339)

I solved it bt utilizing the module as any

overrideExisting: (module as any).hot?.status() === 'apply',

[onesmusmuna]

Hello Guys,
By adding overrideExisting: true worked for me