fix: move stable item style to outside scope

This allows for item memoization as inline styles are changing referential equality between renders
petyosi · Jul 18, 2023 · e613474 · e613474
1 parent cb156cc
commit e613474
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/TableVirtuoso.tsx b/src/TableVirtuoso.tsx
@@ -70,6 +70,8 @@ const DefaultFillerRow = ({ height }: { height: number }) => (
   </tr>
 )
 
+const ITEM_STYLE = { overflowAnchor: 'none' } as const
+
 const Items = /*#__PURE__*/ React.memo(function VirtuosoItems() {
   const listState = useEmitterValue('listState')
   const sizeRanges = usePublisher('sizeRanges')
@@ -146,7 +148,7 @@ const Items = /*#__PURE__*/ React.memo(function VirtuosoItems() {
         'data-known-size': item.size,
         'data-item-index': item.index,
         item: item.data,
-        style: { overflowAnchor: 'none' },
+        style: ITEM_STYLE,
       },
       itemContent(item.index, item.data, context)
     )