Сижу часа 2 не понимаю почему RTK Query
не генерирует мне hook по тиму useGet*****Query.
Пишу на
React + Vite без TypeScript, раньше не проекте использовался старый метод через extraReducers но я решил переписать и вот с чем встретился)
IDE перезапускал, сервер перезапускал, библиотеку переустановил, убрал все старые запросы через extraReducers, ничего не помогло, возможно из-за того что тут не TypeScript, кто может подскажите, если что вот два места где я хочу использовать RTK Query.
1. Получение бургеров.
import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react'
const SERVER_URL = import.meta.env.VITE_SERVER_URL
export const burgersApi = createApi({
reducerPath: 'burgersApi',
baseQuery: fetchBaseQuery({ baseUrl: `${SERVER_URL}/api/` }),
endpoints: build => ({
getBurgers: build.query({
query: () => `burgers`
})
})
})
export const { useGetBurgerQuery } = burgersApi
2 Проверка аутентификации,
кстати подскажите как отправить через RTK Query jwt токен который лежит в куках, как достать его с куков я знаю а как отправить на сервер нет, раньше по другом просто было)
import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react'
const SERVER_URL = import.meta.env.VITE_SERVER_URL
export const authenticateApi = createApi({
reducerPath: 'authenticate',
baseQuery: fetchBaseQuery({ baseUrl: `${SERVER_URL}/admin/` }),
endpoints: build => {
getIsAdmin: build.query({
query: () => `authenticate`
})
}
})
export const { useGetIsAdminQuery } = authenticateApi
И КОНЕЧНО STATE:
import { configureStore } from '@reduxjs/toolkit'
import cartReducer from './features/cart/cartSlice.js'
import burgerMenuReducer from './features/burgerMenu/burgerMenuSlice.js'
import { authenticateApi } from './features/authenticate/authenticateSlice.js'
import { burgersApi } from './query/getBurgersSlice.js'
export const store = configureStore({
reducer: {
cart: cartReducer,
burgerMenu: burgerMenuReducer,
[authenticateApi.reducerPath]: authenticateApi.reducer,
[burgersApi.reducerPath]: burgersApi.reducer
},
middleware: getDefaultMiddleware =>
getDefaultMiddleware().concat(burgersApi.middleware).concat(authenticateApi.middleware)
})
Не смотря на все вопросы заданные по ходу этого поста, самое главное это узнать почему не генерируется hook буквально он отсутствует - это я его просто сам дописал при exporte что бы вы понимали про что я, но конечно же он не работает)