@ventlio/tanstack-query 0.3.3 → 0.3.4

package/dist/config/useQueryHeaders.js

@@ -1,23 +1,13 @@
-import { useQueryClient } from '@tanstack/react-query';
-import { useQueryConfig } from './useQueryConfig.js';
+import { useHeaderStore } from '../stores/useHeaderStore.js';
+import '../stores/usePauseFutureRequests.js';
 
 const useQueryHeaders = () => {
-    const queryClient = useQueryClient();
-    const { headers, options } = useQueryConfig();
+    const { headers, setHeader } = useHeaderStore();
     const getHeaders = () => {
         return headers;
     };
     const setQueryHeaders = (newHeaders) => {
-        const defaultMeta = {
-            headers: { ...headers, ...newHeaders },
-            options,
-        };
-        queryClient.setDefaultOptions({
-            queries: {
-                meta: defaultMeta,
-            },
-            mutations: { meta: defaultMeta },
-        });
+        setHeader(newHeaders);
     };
     return { setQueryHeaders, getHeaders };
 };

package/dist/config/useQueryHeaders.js.map

@@ -1 +1 @@
-{"version":3,"file":"useQueryHeaders.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"useQueryHeaders.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/index.js

@@ -19,5 +19,6 @@ export { buildFormData } from './request/buildFormData.js';
 export { makeRequest } from './request/make-request.js';
 export { ContentType, HttpMethod } from './request/request.enum.js';
 export { errorTransformer, successTransformer } from './request/transformer.js';
+export { useHeaderStore } from './stores/useHeaderStore.js';
 export { usePauseFutureRequests } from './stores/usePauseFutureRequests.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.mjs

@@ -1,10 +1,10 @@
 import 'url-search-params-polyfill';
 import { useQueryClient, useQuery, useInfiniteQuery, useMutation } from '@tanstack/react-query';
+import { create } from 'zustand';
 import { useState, useEffect, useMemo, startTransition } from 'react';
 import result from 'lodash.result';
 import lodashSet from 'lodash.set';
 import axios from 'axios';
-import { create } from 'zustand';
 
 const bootstrapQueryRequest = (queryClient, options) => {
     // make query config doesn't expire
@@ -48,23 +48,35 @@ const useEnvironmentVariables = () => {
     };
 };
 
+const useHeaderStore = create((set) => ({
+    headers: undefined,
+    setHeader(headers) {
+        set({ headers });
+    },
+}));
+
+const usePauseFutureRequests = create((set) => {
+    const pauseFutureQueries = (status) => {
+        return set({ isFutureQueriesPaused: status });
+    };
+    const pauseFutureMutation = (status) => {
+        return set({ isFutureQueriesPaused: status });
+    };
+    return {
+        isFutureMutationsPaused: false,
+        isFutureQueriesPaused: false,
+        pauseFutureQueries,
+        pauseFutureMutation,
+    };
+});
+
 const useQueryHeaders = () => {
-    const queryClient = useQueryClient();
-    const { headers, options } = useQueryConfig();
+    const { headers, setHeader } = useHeaderStore();
     const getHeaders = () => {
         return headers;
     };
     const setQueryHeaders = (newHeaders) => {
-        const defaultMeta = {
-            headers: { ...headers, ...newHeaders },
-            options,
-        };
-        queryClient.setDefaultOptions({
-            queries: {
-                meta: defaultMeta,
-            },
-            mutations: { meta: defaultMeta },
-        });
+        setHeader(newHeaders);
     };
     return { setQueryHeaders, getHeaders };
 };
@@ -402,21 +414,6 @@ function getAppFiles(body, fileSelectors = []) {
     return files;
 }
 
-const usePauseFutureRequests = create((set) => {
-    const pauseFutureQueries = (status) => {
-        return set({ isFutureQueriesPaused: status });
-    };
-    const pauseFutureMutation = (status) => {
-        return set({ isFutureQueriesPaused: status });
-    };
-    return {
-        isFutureMutationsPaused: false,
-        isFutureQueriesPaused: false,
-        pauseFutureQueries,
-        pauseFutureMutation,
-    };
-});
-
 const useDeleteRequest = (deleteOptions) => {
     const { baseUrl, headers } = deleteOptions ?? {};
     const [requestPath, setRequestPath] = useState('');
@@ -876,5 +873,5 @@ const usePostRequest = ({ path, isFormData = false, baseUrl, headers, fileSelect
     return { post, uploadProgressPercent, ...mutation, isLoading: mutation.isLoading || isFutureMutationsPaused };
 };
 
-export { ContentType, HttpMethod, axiosInstance, bootstrapQueryRequest, buildFormData, errorTransformer, getDateInFuture, makeRequest, scrollToTop, successTransformer, useDeleteRequest, useEnvironmentVariables, useGetInfiniteRequest, useGetRequest, useKeyTrackerModel, usePatchRequest, usePauseFutureRequests, usePostRequest, useQueryConfig, useQueryHeaders, useQueryModel, useReactNativeEnv, useRefetchQuery, useUploadProgress };
+export { ContentType, HttpMethod, axiosInstance, bootstrapQueryRequest, buildFormData, errorTransformer, getDateInFuture, makeRequest, scrollToTop, successTransformer, useDeleteRequest, useEnvironmentVariables, useGetInfiniteRequest, useGetRequest, useHeaderStore, useKeyTrackerModel, usePatchRequest, usePauseFutureRequests, usePostRequest, useQueryConfig, useQueryHeaders, useQueryModel, useReactNativeEnv, useRefetchQuery, useUploadProgress };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/model/useQueryModel.js

@@ -3,6 +3,8 @@ import result from 'lodash.result';
 import lodashSet from 'lodash.set';
 import 'url-search-params-polyfill';
 import { useQueryConfig } from '../config/useQueryConfig.js';
+import '../stores/useHeaderStore.js';
+import '../stores/usePauseFutureRequests.js';
 import { useKeyTrackerModel } from './useKeyTrackerModel.js';
 
 const useQueryModel = (keyTracker, exact = true) => {

package/dist/model/useQueryModel.js.map

@@ -1 +1 @@
-{"version":3,"file":"useQueryModel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"useQueryModel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/queries/useDeleteRequest.js

@@ -7,6 +7,7 @@ import { useQueryHeaders } from '../config/useQueryHeaders.js';
 import 'axios';
 import { makeRequest } from '../request/make-request.js';
 import { HttpMethod } from '../request/request.enum.js';
+import '../stores/useHeaderStore.js';
 import { usePauseFutureRequests } from '../stores/usePauseFutureRequests.js';
 
 const useDeleteRequest = (deleteOptions) => {

package/dist/queries/useDeleteRequest.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDeleteRequest.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"useDeleteRequest.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/queries/useGetInfiniteRequest.js

@@ -7,6 +7,7 @@ import { useQueryHeaders } from '../config/useQueryHeaders.js';
 import 'axios';
 import { makeRequest } from '../request/make-request.js';
 import '../request/request.enum.js';
+import '../stores/useHeaderStore.js';
 import { usePauseFutureRequests } from '../stores/usePauseFutureRequests.js';
 
 const useGetInfiniteRequest = ({ path, load = false, queryOptions, keyTracker, baseUrl, headers, }) => {

package/dist/queries/useGetInfiniteRequest.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetInfiniteRequest.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"useGetInfiniteRequest.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/queries/useGetRequest.js

@@ -7,6 +7,7 @@ import { useQueryHeaders } from '../config/useQueryHeaders.js';
 import 'axios';
 import { makeRequest } from '../request/make-request.js';
 import '../request/request.enum.js';
+import '../stores/useHeaderStore.js';
 import { usePauseFutureRequests } from '../stores/usePauseFutureRequests.js';
 
 const useGetRequest = ({ path, load = false, queryOptions, keyTracker, baseUrl, headers, }) => {

package/dist/queries/useGetRequest.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetRequest.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"useGetRequest.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/queries/usePatchRequest.js

@@ -9,6 +9,7 @@ import { useUploadProgress } from '../hooks/useUploadProgress.js';
 import 'axios';
 import { makeRequest } from '../request/make-request.js';
 import { HttpMethod } from '../request/request.enum.js';
+import '../stores/useHeaderStore.js';
 import { usePauseFutureRequests } from '../stores/usePauseFutureRequests.js';
 
 const usePatchRequest = ({ path, baseUrl, headers }) => {

package/dist/queries/usePatchRequest.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePatchRequest.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"usePatchRequest.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/queries/usePostRequest.js

@@ -10,6 +10,7 @@ import { useUploadProgress } from '../hooks/useUploadProgress.js';
 import 'axios';
 import { makeRequest } from '../request/make-request.js';
 import { HttpMethod } from '../request/request.enum.js';
+import '../stores/useHeaderStore.js';
 import { usePauseFutureRequests } from '../stores/usePauseFutureRequests.js';
 
 const usePostRequest = ({ path, isFormData = false, baseUrl, headers, fileSelectors, }) => {

package/dist/queries/usePostRequest.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePostRequest.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"usePostRequest.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/stores/index.d.ts

@@ -1 +1,2 @@
+export * from './useHeaderStore';
 export * from './usePauseFutureRequests';

package/dist/stores/useHeaderStore.d.ts

@@ -0,0 +1,7 @@
+import type { QueryHeaders } from '../types';
+interface IUserHeaders {
+    headers: QueryHeaders | undefined;
+    setHeader: (headers: QueryHeaders) => void;
+}
+export declare const useHeaderStore: import("zustand").UseBoundStore<import("zustand").StoreApi<IUserHeaders>>;
+export {};

package/dist/stores/useHeaderStore.js

@@ -0,0 +1,11 @@
+import { create } from 'zustand';
+
+const useHeaderStore = create((set) => ({
+    headers: undefined,
+    setHeader(headers) {
+        set({ headers });
+    },
+}));
+
+export { useHeaderStore };
+//# sourceMappingURL=useHeaderStore.js.map

package/dist/stores/useHeaderStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeaderStore.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/types/index.d.ts

@@ -20,10 +20,10 @@ export interface BootstrapModelConfig {
 }
 export type ContextType = 'app' | 'web' | 'electronjs';
 export interface TanstackQueryConfig {
-    headers: RawAxiosRequestHeaders;
     options?: BootstrapConfig;
 }
 export interface IUseQueryHeaders {
-    getHeaders: () => TanstackQueryConfig['headers'];
-    setQueryHeaders: (header: TanstackQueryConfig['headers']) => void;
+    getHeaders: () => QueryHeaders;
+    setQueryHeaders: (header: QueryHeaders) => void;
 }
+export type QueryHeaders = RawAxiosRequestHeaders | undefined;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@ventlio/tanstack-query",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "license": "MIT",
   "main": "dist/index.js",
   "contributors": [
     {
-      "email": "soromgawide@gmail.com",
+      "email": "stancoproof@gmail.com",
       "name": "stancobridge",
       "url": "https://github.com/stancobridge"
     }

package/src/config/useQueryHeaders.ts

@@ -1,27 +1,15 @@
-import { useQueryClient } from '@tanstack/react-query';
-import type { IUseQueryHeaders, TanstackQueryConfig } from '../types';
-import { useQueryConfig } from './useQueryConfig';
+import { useHeaderStore } from '../stores';
+import type { IUseQueryHeaders, QueryHeaders } from '../types';
 
 export const useQueryHeaders = (): IUseQueryHeaders => {
-  const queryClient = useQueryClient();
-  const { headers, options } = useQueryConfig();
+  const { headers, setHeader } = useHeaderStore();
 
-  const getHeaders = (): TanstackQueryConfig['headers'] => {
+  const getHeaders = (): QueryHeaders => {
     return headers;
   };
 
-  const setQueryHeaders = (newHeaders: TanstackQueryConfig['headers']) => {
-    const defaultMeta = {
-      headers: { ...headers, ...newHeaders },
-      options,
-    };
-
-    queryClient.setDefaultOptions({
-      queries: {
-        meta: defaultMeta,
-      },
-      mutations: { meta: defaultMeta },
-    });
+  const setQueryHeaders = (newHeaders: QueryHeaders) => {
+    setHeader(newHeaders);
   };
 
   return { setQueryHeaders, getHeaders };

package/src/queries/useDeleteRequest.ts

@@ -24,7 +24,7 @@ export const useDeleteRequest = <TResponse>(deleteOptions?: DefaultRequestOption
 
   const sendRequest = async (res: (value: any) => void, rej: (reason?: any) => void, queryKey: QueryKey) => {
     // get request headers
-    const globalHeaders: RawAxiosRequestHeaders = getHeaders();
+    const globalHeaders: RawAxiosRequestHeaders | undefined = getHeaders();
 
     const [url] = queryKey;
     const requestUrl = (url ?? requestPath) as string;

package/src/queries/useGetInfiniteRequest.ts

@@ -59,7 +59,7 @@ export const useGetInfiniteRequest = <TResponse extends Record<string, any>>({
   ) => {
     if (load) {
       // get request headers
-      const globalHeaders: RawAxiosRequestHeaders = getHeaders();
+      const globalHeaders: RawAxiosRequestHeaders | undefined = getHeaders();
 
       const requestOptions = {
         path: pageParam ?? requestPath,

package/src/queries/useGetRequest.ts

@@ -47,7 +47,7 @@ export const useGetRequest = <TResponse extends Record<string, any>>({
   ) => {
     if (load) {
       // get request headers
-      const globalHeaders: RawAxiosRequestHeaders = getHeaders();
+      const globalHeaders: RawAxiosRequestHeaders | undefined = getHeaders();
 
       const [url] = queryKey;
       const requestUrl = (url ?? requestPath) as string;

package/src/queries/usePatchRequest.ts

@@ -24,7 +24,7 @@ export const usePatchRequest = <TResponse>({ path, baseUrl, headers }: { path: s
 
   const sendRequest = async (res: (value: any) => void, rej: (reason?: any) => void, data: any) => {
     // get request headers
-    const globalHeaders: RawAxiosRequestHeaders = getHeaders();
+    const globalHeaders: RawAxiosRequestHeaders | undefined = getHeaders();
 
     const requestOptions = {
       path: path,

package/src/queries/usePostRequest.ts

@@ -39,7 +39,7 @@ export const usePostRequest = <TResponse>({
     postData: { data: any; requestConfig?: Partial<IMakeRequest> }
   ) => {
     // get request headers
-    const globalHeaders: RawAxiosRequestHeaders = getHeaders();
+    const globalHeaders: RawAxiosRequestHeaders | undefined = getHeaders();
 
     const { data, requestConfig } = postData;
 

package/src/stores/index.ts

@@ -1 +1,2 @@
+export * from './useHeaderStore';
 export * from './usePauseFutureRequests';

package/src/stores/useHeaderStore.ts

@@ -0,0 +1,13 @@
+import { create } from 'zustand';
+import type { QueryHeaders } from '../types';
+
+interface IUserHeaders {
+  headers: QueryHeaders | undefined;
+  setHeader: (headers: QueryHeaders) => void;
+}
+export const useHeaderStore = create<IUserHeaders>((set) => ({
+  headers: undefined,
+  setHeader(headers) {
+    set({ headers });
+  },
+}));

package/src/types/index.ts

@@ -19,11 +19,12 @@ export interface BootstrapModelConfig {
 
 export type ContextType = 'app' | 'web' | 'electronjs';
 export interface TanstackQueryConfig {
-  headers: RawAxiosRequestHeaders;
   options?: BootstrapConfig;
 }
 
 export interface IUseQueryHeaders {
-  getHeaders: () => TanstackQueryConfig['headers'];
-  setQueryHeaders: (header: TanstackQueryConfig['headers']) => void;
+  getHeaders: () => QueryHeaders;
+  setQueryHeaders: (header: QueryHeaders) => void;
 }
+
+export type QueryHeaders = RawAxiosRequestHeaders | undefined;