Этот вопрос закрыт для ответов, так как повторяет вопрос Почему в RTK Query эта ошибка вылазит?
@Danila232

Ошибка импорта хука из RTK-Query?

// createApi.jsx
export const api = createApi({
reducerPath: 'api',
baseQuery: fetchBaseQuery({baseUrl: 'http://localhost:3000'}),
tagTypes: ['products'],

endpoints: builder => ({
    getPageDataCards: builder.query({   
        query: () => '/cards',
        providesTags: ['products'],
    }),
})

export const {
useGetPageDataCardsQuery,
} = api


// configureStore.jsx
import { configureStore } from "@reduxjs/toolkit";
import reducer from "./mainSlice";
import { api } from "./createApi";

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


// Cards.jsx
import { useGetPageDataCardsQuery } from '../../store/createApi';
export const Cards = () => {
    const {
        data: cards = [],
        isFetching
     } = useGetPageDataCardsQuery()
})


6674516721bbe884143272.png

Почему ошибка (0 , store_createApi__WEBPACK_IMPORTED_MODULE_2_.useGetPageDataCards) is not a function ?
Пути все правильные, абсолютно точно
  • Вопрос задан
  • 83 просмотра
Решения вопроса 1
Elaryks
@Elaryks
В приложенном коде createApi.jsx не видно импортов, но предположу, что дело в них:

import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react'


Обратите внимание на /react в конце импорта.
Ответ написан
Ваш ответ на вопрос

Вопрос закрыт для ответов и комментариев

Потому что уже есть похожий вопрос.
Похожие вопросы