#12 Add useInfinite

Allie-Knowing · Jul 7, 2022 · 23c86a9 · 23c86a9
1 parent 2b5b8c6
commit 23c86a9
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -16,6 +16,7 @@
     "next": "12.1.6",
     "react": "18.2.0",
     "react-dom": "18.2.0",
+    "react-intersection-observer": "^9.3.5",
     "react-query": "^3.39.1"
   },
   "devDependencies": {

diff --git a/pages/myPage/videoLayout.tsx b/pages/myPage/videoLayout.tsx
@@ -9,7 +9,7 @@ const VideoLayoutContainer = () => {
       [queryKey.myQuestion],
       getQuestionVideos,
       {
-        getNextPageParam: () => true,
+        getNextPageParam: (lastPage) => lastPage.data.id + 1,
       },
     );
   };

diff --git a/yarn.lock b/yarn.lock
@@ -1891,6 +1891,11 @@ [email protected]:
     loose-envify "^1.1.0"
     scheduler "^0.23.0"
 
+react-intersection-observer@^9.3.5:
+  version "9.3.5"
+  resolved "https://registry.yarnpkg.com/react-intersection-observer/-/react-intersection-observer-9.3.5.tgz#df97584c1ef1549a47d4af6380db2fb4b76d7bba"
+  integrity sha512-TiJXVUapzAaIrZCAMBLjyWvwGYNGm0Xpkcwm3NY23b9PsJEBavul0hRFmrwc/LOmBUA/8TlkjCj7lCvjM0q1Hg==
+
 react-is@^16.13.1, react-is@^16.7.0:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"