import { createApi, fetchBaseQuery } from "@reduxjs/toolkit/query/react"
import { JobForm, Job } from "../types/JobsTypes"

export const createJobApis = createApi({
    reducerPath: "createJobApi",
    baseQuery: fetchBaseQuery({
        baseUrl: "http://localhost:8000/api/v1/jobs",
        prepareHeaders: (headers) => {
            headers.set("Content-Type", "application/json")
            headers.set("accept", "application/json")
            return headers
        },
    }),
    endpoints: (build) => ({
        getAll: build.query<Job, void>({ query: () => "/" }),
        created: build.mutation({
            query: (body: JobForm) => ({
                url: "/",
                method: "post",
                body,
            }),
        }),
    }),
})

export const { useCreatedMutation, useGetAllQuery } = createJobApis
console.log(useCreatedMutation)

Typescript says property does not exist on both the useCreatedMutation and useGetAllQuery on hover and has a type of any, but the console log returns a function and I tried it and it works and I get no error in the console, just no type support and a red underline on both exports