From c38a557317dd68f40e9f52bc0694070c48157b70 Mon Sep 17 00:00:00 2001
From: kaito <80802871+kaitoo1@users.noreply.github.com>
Date: Wed, 4 Oct 2023 20:33:38 +0900
Subject: [PATCH] reduce the amount of list items rendered simultaneously

---
 apps/web/src/components/Feed/FeedList.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/components/Feed/FeedList.tsx b/apps/web/src/components/Feed/FeedList.tsx
index 17a9b16fcc..20898e2aa3 100644
--- a/apps/web/src/components/Feed/FeedList.tsx
+++ b/apps/web/src/components/Feed/FeedList.tsx
@@ -223,7 +223,7 @@ export default function FeedList({
                 rowCount={feedData.length}
                 rowHeight={measurerCache.rowHeight}
                 scrollTop={scrollTop}
-                overscanRowCount={10}
+                overscanRowCount={2}
                 // By default, react-virtualized's list has the css property `will-change` set to `transform`
                 // An element with `position: fixed` beneath an element with `will-change: transform` will
                 // be incredibly busted. You can read more about that [here](https://stackoverflow.com/questions/28157125/why-does-transform-break-position-fixed)