minor fixes

Author: onderonur

example/examples/InfiniteListWithHorizontalScroll.tsx

@@ -22,20 +22,18 @@ function InfiniteListWithHorizontalScroll() {
   });
 
   return (
-    <>
-      <ListContainer ref={rootRef}>
-        <List direction="horizontal">
-          {items.map((item) => (
-            <ListItem key={item.key}>{item.value}</ListItem>
-          ))}
-          {hasNextPage && (
-            <ListItem ref={infiniteRef}>
-              <Loading />
-            </ListItem>
-          )}
-        </List>
-      </ListContainer>
-    </>
+    <ListContainer ref={rootRef}>
+      <List direction="horizontal">
+        {items.map((item) => (
+          <ListItem key={item.key}>{item.value}</ListItem>
+        ))}
+        {hasNextPage && (
+          <ListItem ref={infiniteRef}>
+            <Loading />
+          </ListItem>
+        )}
+      </List>
+    </ListContainer>
   );
 }
 

example/examples/InfiniteListWithReverseHozirontalScroll.tsx

@@ -53,20 +53,18 @@ function InfiniteListWithReverseHozirontalScroll() {
   }, []);
 
   return (
-    <>
-      <ListContainer ref={rootRefSetter} onScroll={handleRootScroll}>
-        <List direction="horizontal">
-          {hasNextPage && (
-            <ListItem ref={infiniteRef}>
-              <Loading />
-            </ListItem>
-          )}
-          {reversedItems.map((item) => (
-            <ListItem key={item.key}>{item.value}</ListItem>
-          ))}
-        </List>
-      </ListContainer>
-    </>
+    <ListContainer ref={rootRefSetter} onScroll={handleRootScroll}>
+      <List direction="horizontal">
+        {hasNextPage && (
+          <ListItem ref={infiniteRef}>
+            <Loading />
+          </ListItem>
+        )}
+        {reversedItems.map((item) => (
+          <ListItem key={item.key}>{item.value}</ListItem>
+        ))}
+      </List>
+    </ListContainer>
   );
 }
 

example/examples/InfiniteListWithReverseVerticalScroll.tsx

@@ -55,20 +55,18 @@ function InfiniteListWithReverseVerticalScroll() {
   }, []);
 
   return (
-    <>
-      <ListContainer ref={rootRefSetter} onScroll={handleRootScroll}>
-        <List>
-          {hasNextPage && (
-            <ListItem ref={infiniteRef}>
-              <Loading />
-            </ListItem>
-          )}
-          {reversedItems.map((item) => (
-            <ListItem key={item.key}>{item.value}</ListItem>
-          ))}
-        </List>
-      </ListContainer>
-    </>
+    <ListContainer ref={rootRefSetter} onScroll={handleRootScroll}>
+      <List>
+        {hasNextPage && (
+          <ListItem ref={infiniteRef}>
+            <Loading />
+          </ListItem>
+        )}
+        {reversedItems.map((item) => (
+          <ListItem key={item.key}>{item.value}</ListItem>
+        ))}
+      </List>
+    </ListContainer>
   );
 }
 

example/examples/InfiniteListWithVerticalScroll.tsx

@@ -23,20 +23,18 @@ function InfiniteListWithVerticalScroll() {
   });
 
   return (
-    <>
-      <ListContainer ref={rootRef}>
-        <List>
-          {items.map((item) => (
-            <ListItem key={item.key}>{item.value}</ListItem>
-          ))}
-          {hasNextPage && (
-            <ListItem ref={infiniteRef}>
-              <Loading />
-            </ListItem>
-          )}
-        </List>
-      </ListContainer>
-    </>
+    <ListContainer ref={rootRef}>
+      <List>
+        {items.map((item) => (
+          <ListItem key={item.key}>{item.value}</ListItem>
+        ))}
+        {hasNextPage && (
+          <ListItem ref={infiniteRef}>
+            <Loading />
+          </ListItem>
+        )}
+      </List>
+    </ListContainer>
   );
 }