📦 Chore: 확장자 .js로 변경

FRONTENDSCHOOL5 · Nov 26, 2023 · 374030f · 374030f
1 parent cbecf03
commit 374030f
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 0 deletions.
diff --git a/src/hook/useFieldController.jsx → src/hook/useFieldController.js b/src/hook/useFieldController.jsx → src/hook/useFieldController.js
diff --git a/src/hook/useImageUpload.jsx → src/hook/useImageUpload.js b/src/hook/useImageUpload.jsx → src/hook/useImageUpload.js
diff --git a/src/hook/useInfiniteDataQuery.js b/src/hook/useInfiniteDataQuery.js
@@ -0,0 +1,26 @@
+import { useInfiniteQuery } from 'react-query';
+
+export default function useInfiniteDataQuery(queryKey, queryFn, config) {
+  let accountname;
+
+  if (typeof queryKey === 'object') {
+    accountname = queryKey[1]?.accountname || queryKey[1];
+  }
+
+  const { data, fetchNextPage, isLoading, isFetching, hasNextPage } = useInfiniteQuery(
+    queryKey,
+    ({ pageParam = { skip: 0 } }) => {
+      const queryParam = { accountname: accountname, skip: pageParam.skip };
+      return queryFn(queryParam);
+    },
+    {
+      getNextPageParam: (lastPage, allPages) => {
+        const nextPage = allPages.length > 0 ? allPages.length * config.limit : 0;
+        return lastPage.data.length < config.limit ? undefined : { skip: nextPage };
+      },
+      ...config,
+    },
+  );
+
+  return { data, fetchNextPage, isLoading, isFetching, hasNextPage };
+}