Задать вопрос
@dima89e

Почему в RTK Query эта ошибка вылазит?

Я переписал, даже скопировал этот код с официальной документации RTK Query и мне выдает эту ошибку, как исправить?
Вот ссылка на ту документацию - https://redux-toolkit.js.org/rtk-query/overview
Вот код:
// pokemonApi.js
import { createApi, fetchBaseQuery } from "@reduxjs/toolkit/query"

export const pokemonApi = createApi({
  reducerPath: 'pokemonApi',
  baseQuery: fetchBaseQuery({ baseUrl: 'https://pokeapi.co/api/v2/' }),
  endpoints: (builder) => ({
    getPokemonByName: builder.query({
      query: (name) => `pokemon/${name}`,
    }),
  }),
})

export const { useGetPokemonByNameQuery } = pokemonApi

// store.js
import { setupListeners } from "@reduxjs/toolkit/query"
import { pokemonApi } from "./pokemonApi"
import { configureStore } from "@reduxjs/toolkit"

export const store = configureStore({
  reducer: {
    [pokemonApi.reducerPath]: pokemonApi.reducer,
  },
  middleware: (getDefaultMiddleware) =>
    getDefaultMiddleware().concat(pokemonApi.middleware),
})

setupListeners(store.dispatch)

//  Test.jsx
import { useGetPokemonByNameQuery } from "./pokemonApi";

function Test() {
  const { data, error, isLoading } = useGetPokemonByNameQuery('bulbasaur')
  
  return (
    <div>
      sdaasdasd
    </div>
  );
}

export default Test;


Ошибка:
Test.jsx:4 Uncaught TypeError: useGetPokemonByNameQuery is not a function
at Test (Test.jsx:4:38)
at renderWithHooks (react-dom_client.js?v=4725db46:11568:26)
at mountIndeterminateComponent (react-dom_client.js?v=4725db46:14946:21)
at beginWork (react-dom_client.js?v=4725db46:15934:22)
at HTMLUnknownElement.callCallback2 (react-dom_client.js?v=4725db46:3674:22)
at Object.invokeGuardedCallbackDev (react-dom_client.js?v=4725db46:3699:24)
at invokeGuardedCallback (react-dom_client.js?v=4725db46:3733:39)
at beginWork$1 (react-dom_client.js?v=4725db46:19793:15)
at performUnitOfWork (react-dom_client.js?v=4725db46:19226:20)
at workLoopSync (react-dom_client.js?v=4725db46:19165:13)
  • Вопрос задан
  • 107 просмотров
Подписаться 1 Простой Комментировать
Решения вопроса 1
Elaryks
@Elaryks
В документации написано, что импорт для React должен быть таким (обратите внимание, откуда импортируется):

import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react'
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы