fix: Reorganize virtualized grid list to render item content 🐛

lethemanh · rezk2ll · commit 62cf105b605e · 2025-08-18T10:11:47.000+02:00
diff --git a/react/GridList/Virtualized/Dnd/index.jsx b/react/GridList/Virtualized/Dnd/index.jsx
@@ -41,21 +41,20 @@ const VirtualizedGridListDnd = ({
               <div {...scrollerProps} ref={ref} />
             </DnDConfigWrapper>
           )),
-          Item: ({ context, children, ...props }) => {
+          Item: ({ context, ...props }) => {
             const item = context?.items?.[props['data-index']]
             return (
               <GridItem
                 item={item}
                 context={context}
-                renderItem={() => <>{children}</>}
+                renderItem={itemRenderer}
                 {...componentProps.Item}
               />
             )
           },
           ...components
         }}
         context={_context}
-        itemRenderer={itemRenderer}
         {...props}
       >
         {children}
diff --git a/react/GridList/Virtualized/index.jsx b/react/GridList/Virtualized/index.jsx
@@ -2,15 +2,14 @@ import React, { forwardRef } from 'react'
 import { VirtuosoGrid } from 'react-virtuoso'
 
 const VirtualizedGridList = forwardRef(
-  ({ items = [], itemRenderer, components, context, ...props }, ref) => {
+  ({ items = [], components, context, ...props }, ref) => {
     return (
       <VirtuosoGrid
         ref={ref}
         components={components}
         context={context}
         style={{ height: '100%' }}
         totalCount={items.length}
-        itemContent={index => itemRenderer(items[index])}
         {...props}
       />
     )
