UNPKG

@suspensive/react-query-4

Version:

Suspensive interfaces for @tanstack/react-query@4

1 lines 1.09 kB
{"version":3,"file":"usePrefetchQuery.mjs","names":[],"sources":["../src/usePrefetchQuery.ts"],"sourcesContent":["'use client'\nimport { type FetchQueryOptions, type QueryKey, useQueryClient } from '@tanstack/react-query'\n\n/**\n * The `usePrefetchQuery` does not return anything, it should be used just to fire a prefetch during render, before a suspense boundary that wraps a component that uses `useSuspenseQuery`.\n * @see {@link https://suspensive.org/docs/react-query/usePrefetchQuery Suspensive Docs}\n */\nexport function usePrefetchQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: FetchQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n const queryClient = useQueryClient()\n\n if (typeof options.queryKey !== 'undefined' && !queryClient.getQueryState(options.queryKey)) {\n void queryClient.prefetchQuery(options)\n }\n}\n"],"mappings":";;;;;;;;;AAOA,SAAgB,iBAKd,SAAoE;CACpE,MAAM,cAAc,eAAe;CAEnC,IAAI,OAAO,QAAQ,aAAa,eAAe,CAAC,YAAY,cAAc,QAAQ,QAAQ,GACxF,AAAK,YAAY,cAAc,OAAO;AAE1C"}