I am wondering how I can add a console.log with in
export const pokemonApi = createApi({
reducerPath: 'pokemonApi',
baseQuery: fetchBaseQuery({ baseUrl: 'https://pokeapi.co/api/v2/' }),
endpoints: (builder) => ({
getPokemonByName: builder.query<Pokemon, string>({
query: (name) => `pokemon/${name}`,
}),
}),
})
So that when a component calls getPokemonByName, it should console.log('Hello I am here!')
I have tried below but does not work and has compile error..
getPokemonByName: builder.query<Pokemon, string>({
query: (name) => {`pokemon/${name}`, **console.log('Hello I am here!')**}
}),
There are no examples of this on https://redux-toolkit.js.org/rtk-query/api/createApi
I want to do this because my component is trying to call this method but I am not sure whether it even gets here!
It would be
getPokemonByName: builder.query<Pokemon, string>({
query: (name) => {
console.log('Hello I am here!')
return `pokemon/${name}`
},
}),
But you probably rather should use the Redux Devtools.
There is a new alpha of the Redux Devtools that has even support for RTK Query: https://chrome.google.com/webstore/detail/redux-devtools-next/oamphgegmigmlgkdnijmeomjenbmkbdg