From 0a90108fb10c5b9b73369d4c944f036a57416c30 Mon Sep 17 00:00:00 2001
From: Roj Serbest <roj@rojser.best>
Date: Sat, 13 Nov 2021 22:03:58 +0300
Subject: [PATCH] Uw

---
 pages/index.tsx | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index ebba1db..a464e4f 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -14,25 +14,32 @@ export default function Home() {
   const router = useRouter()
   const snackbar = useSnackbar()
 
-  const [posts, setPosts] = useState<NotDeletedPost[]>()
-  const [page, setPage] = useState(1)
+  const [state, setState] = useState<{
+    posts?: NotDeletedPost[]
+    page: number
+  }>({ page: 1 })
 
   useEffect(() => {
     redirectIfNotAuthenticated(router)
 
     dispatch(async (client) => {
-      const posts = (await client.timeline.retrieveFeed(page)).filter(
+      const posts = (await client.timeline.retrieveFeed(state.page)).filter(
         postNotDeleted
       )
 
-      setPosts(posts)
+      setState((state) => {
+        return {
+          posts: state.posts ? state.posts.concat(posts) : posts,
+          page: state.page + 1,
+        }
+      })
     }, snackbar)
-  }, [page])
+  }, [state.page])
 
   return (
     <>
-      {posts ? (
-        posts.map((post) => (
+      {state.posts ? (
+        state.posts.map((post) => (
           <Post key={post.id} post={post} router={router} sx={{ mt: 3 }} />
         ))
       ) : (