From 5f40484088e509e49675813c34be3b53998514ea Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EA=A6=8C=EA=A6=AB=EA=A6=B6=EA=A6=8F=EA=A7=80=EA=A6=A6?= =?UTF-8?q?=EA=A6=BF=EA=A6=A7=EA=A6=AE=EA=A6=91=EA=A6=A9=EA=A6=AD=EA=A7=80?= Date: Sun, 18 Sep 2022 21:34:33 +0800 Subject: authenticatedFetch that doesn't use 'use' --- hooks/useAppQuery.js | 26 -------------------------- 1 file changed, 26 deletions(-) delete mode 100644 hooks/useAppQuery.js (limited to 'hooks/useAppQuery.js') diff --git a/hooks/useAppQuery.js b/hooks/useAppQuery.js deleted file mode 100644 index 7218274..0000000 --- a/hooks/useAppQuery.js +++ /dev/null @@ -1,26 +0,0 @@ -/** - * A hook for querying your custom app data. - * @desc A thin wrapper around useAuthenticatedFetch and react-query's useQuery. - * - * @param {Object} options - The options for your query. Accepts 3 keys: - * - * 1. url: The URL to query. E.g: /api/widgets/1` - * 2. fetchInit: The init options for fetch. See: https://developer.mozilla.org/en-US/docs/Web/API/fetch#parameters - * 3. reactQueryOptions: The options for `useQuery`. See: https://react-query.tanstack.com/reference/useQuery - * - * @returns Return value of useQuery. See: https://react-query.tanstack.com/reference/useQuery. - */ -const useAppQuery = ({ url, fetchInit = {}, reactQueryOptions }) => { - const authenticatedFetch = useAuthenticatedFetch(); - const fetch = useMemo(() => { - return async () => { - const response = await authenticatedFetch(url, fetchInit); - return response.json(); - }; - }, [url, JSON.stringify(fetchInit)]); - - return useQuery(url, fetch, { - ...reactQueryOptions, - refetchOnWindowFocus: false, - }); -}; -- cgit v1.2.3