fix: reduce the ready state reporting frequency

petyosi · Aug 14, 2024 · 693b77f · 693b77f
1 parent 9f124f1
commit 693b77f
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/examples/grid.tsx b/examples/grid.tsx
@@ -86,7 +86,9 @@ export function ReadyStateChanged() {
     <>
       <VirtuosoGrid
         ref={ref}
-        readyStateChanged={setGridVisible}
+        readyStateChanged={(value) => {
+          setGridVisible(value)
+        }}
         components={{
           Item: ItemContainer,
           List: ListContainer,

diff --git a/src/VirtuosoGrid.tsx b/src/VirtuosoGrid.tsx
@@ -36,8 +36,12 @@ const gridComponentPropsSystem = /*#__PURE__*/ u.system(() => {
 
   const readyStateChanged = u.statefulStream(false)
 
+  const reportReadyState = u.statefulStream(false)
+  u.connect(u.duc(reportReadyState), readyStateChanged)
+
   return {
     readyStateChanged,
+    reportReadyState,
     context,
     itemContent,
     components,
@@ -75,7 +79,7 @@ const GridItems: React.FC = /*#__PURE__*/ React.memo(function GridItems() {
   const gridGap = usePublisher('gap')
   const log = useEmitterValue('log')
   const stateRestoreInProgress = useEmitterValue('stateRestoreInProgress')
-  const reportReadyState = usePublisher('readyStateChanged')
+  const reportReadyState = usePublisher('reportReadyState')
 
   const listRef = useSize(
     React.useMemo(