CellRendererComponent with onViewableItemsChanged

[dekim1028]

Description

When i use CellRendererComponent, onViewableItemsChanged is not calling. How can we use them together?

Steps to reproduce

const CellRendererComponent = useCallback(
      ({ children, item, ...props }) => {
          return (
              <View
                  {...props}
                  onLayout={(event) => {
                      ...
                  }}>
                  {children}
              </View>
          );
      },
      [],
);

<FlatList
 CellRendererComponent={CellRendererComponent}
 onViewableItemsChanged={/** code */}
 ViewabilityConfig={/** code */}
...
/>

React Native Version

0.71.16

Affected Platforms

Runtime - Android, Runtime - iOS, Build - MacOS

Output of npx react-native info

...

Stacktrace or Logs

...

Reproducer

NO

Screenshots and Videos

No response

[github-actions]

⚠️

Unsupported Version of React Native

ℹ️

It looks like your issue or the example you provided uses an unsupported version of React Native. Due to the number of issues we receive, we're currently only accepting new issues against one of the supported versions. Please upgrade to latest and verify if the issue persists (alternatively, create a new project and repro the issue in it). If you cannot upgrade, please open your issue on StackOverflow to get further community support.

[github-actions]

⚠️	Missing Reproducible Example
ℹ️	We could not detect a reproducible example in your issue report. Please provide either: If your bug is UI related: a Snack If your bug is build/update related: use our Reproducer Template. A reproducer needs to be in a GitHub repository under your username.

[NickGerleman]

Custom CellRenderer must forward events like onLayout, onFocusCapture. So the set onLayout prop must be called in any custom handlers.

See list of handlers:

react-native/packages/virtualized-lists/Lists/VirtualizedListProps.js

Line 41 in bb120ff

export type CellRendererProps<ItemT> = $ReadOnly<{