Задать вопрос
CoDeR2006
@CoDeR2006
TS

Почему RTK Query не генерирует hook?

Сижу часа 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 что бы вы понимали про что я, но конечно же он не работает)
  • Вопрос задан
  • 226 просмотров
Подписаться 1 Простой 1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

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

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