TypeError: inject.endpoints is not a function

Question

I was reading RTK Query Quick Start tutorial and was trying it in javascript while running it shown me this error.

Example at the corresponding site has shown both Typescript and Javascript code, but sandbox example is in typescript.

src/app/services/pokemon.js

import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react';
export const pokemonApi = createApi({
    reducerPath:'pokemonApi',
    baseQuery: fetchBaseQuery({
        baseUrl: 'https://pokeapi.co/api/v2'
    }),
    enedpoints: (builder)=>({
        getPokemonByName: builder.query({
            query:(name)=>`pokemon/${name}`,
        }),
    }),
});

export const { useGetPokemonByNameQuery } = pokemonApi

src/app.jsx

import { useGetPokemonByNameQuery } from './services/pokemon';

export default function App(){
const { data, error, isLoading } = useGetPokemonByNameQuery('bulbasaur');
  
  return (
<div className="App">
  {error ? (
    <>Oh no, there was an error</>
  ) : isLoading ? (
    <>Loading...</>
  ) : data ? (
    <>
      <h3>{data.species.name}</h3>
      <img src={data.sprites.front_shiny} alt={data.species.name} />
    </>
  ) : null}
</div>
  );
}

src/app/store.js

import { configureStore } from "@reduxjs/toolkit";
import { setupListeners } from "@reduxjs/toolkit/dist/query";
import counterReducer from "../features/counter/counterSlice";
import { pokemonApi } from "../services/pokemon";

export const store = configureStore({
    reducer:{
        counter: counterReducer,
        [pokemonApi.reducerPath]: pokemonApi.reducer,
    },

    middleware: (getDefaultMiddleware)=>
        getDefaultMiddleware().concat(pokemonApi.middleware),
});

// optional, but required for refetchOnFocus/refetchOnReconnect behaviors
// see `setupListeners` docs - takes an optional callback as the 2nd arg for customization
setupListeners(store.dispatch)

score 1 · Accepted Answer · answered Sep 08 '21 at 23:08

1

You have a typo there. enedpoints instead of endpoints.

answered Sep 08 '21 at 23:08

phry

35,762
5
67
81

score 1 · Answer 2 · answered Jun 06 '23 at 20:16

this Error sometimes comes up if we do not specify endpoint at createApi "inject.endpoints is not a function".

export const ApiSlice = createApi({
    reducerPath: 'api',
    baseQuery: axiosBaseQuery,
    endpoints: () => ({}) // this line is Mandatory even if empty 
 });

score -1 · Answer 3 · answered Sep 28 '22 at 21:16

-1

Had the same problem;

I had a typo on endpoints

answered Sep 28 '22 at 21:16

itsmevick

1
1

As it’s currently written, your answer is unclear. Please [edit] to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Oct 07 '22 at 13:05

TypeError: inject.endpoints is not a function

3 Answers3