fix: prevent forwarding context to TopItemListContainer's DOM element (…

…#1033)
petyosi · Jan 28, 2024 · c50b23d · c50b23d
1 parent 5b2b7c9
commit c50b23d
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/Virtuoso.tsx b/src/Virtuoso.tsx
@@ -363,11 +363,11 @@ const WindowViewport: React.FC<React.PropsWithChildren<unknown>> = ({ children }
 }
 
 const TopItemListContainer: React.FC<React.PropsWithChildren<unknown>> = ({ children }) => {
-  const TopItemList = useEmitterValue('TopItemListComponent')
+  const TopItemList = useEmitterValue('TopItemListComponent') || 'div'
   const headerHeight = useEmitterValue('headerHeight')
   const style = { ...topItemListStyle, marginTop: `${headerHeight}px` }
   const context = useEmitterValue('context')
-  return React.createElement(TopItemList || 'div', { style, context }, children)
+  return React.createElement(TopItemList, { style, ...contextPropIfNotDomElement(TopItemList, context) }, children)
 }
 
 const ListRoot: React.FC<ListRootProps> = /*#__PURE__*/ React.memo(function VirtuosoRoot(props) {