Error with Tabs.SectionList component
Summary
React Compiler is throwing an error [Error: Argument appears to not be a ReactComponent. Keys: ] when using Tabs.SectionList from react-native-collapsible-tab-view library.
Environment
- Expo SDK: 54.0.0
- React: 19.1.0
- React Native: 0.81.4
- react-native-collapsible-tab-view: 8.0.1
- React Compiler: Enabled
- Platform: iOS/Android
Error Details
[Error: Argument appears to not be a ReactComponent. Keys: ]
Current Workaround
We've implemented a temporary workaround by:
- Replacing
Tabs.SectionListwithTabs.FlatList - Manually flattening the sectioned data structure
- Implementing custom header rendering logic
Reproduction Steps
- Enable React Compiler in Expo configuration
- Use
Tabs.SectionListfromreact-native-collapsible-tab-view - The error occurs during runtime
Expected Behavior
Tabs.SectionList should work seamlessly with React Compiler without throwing component analysis errors.
Actual Behavior
React Compiler fails to analyze the Tabs.SectionList component, throwing an error about invalid React components.
Impact
- Forces workarounds that reduce code maintainability
- Limits the use of sectioned lists in collapsible tabs
- May affect other similar libraries
Additional Context
- This issue appeared after updating to Expo SDK 54 and enabling reactCompiler
- The workaround maintains functionality but reduces code clarity
Related Dependencies
{
"react-native-collapsible-tab-view": "8.0.1",
"expo": "^54.0.0",
"react": "19.1.0"
}
Indeed, it's unclear to me why this happens. I have seen it while working on #483
If anyone has some time to look into it, please update here. I suspect there's an upstream bug in either reanimated or react-native somewhere.
Indeed, it's unclear to me why this happens. I have seen it while working on #483
If anyone has some time to look into it, please update here. I suspect there's an upstream bug in either reanimated or react-native somewhere.
It seems this is a bug with the new version of react-native-reanimated. I’ve created a minimal reproducible repo, reported it to the team, and the issue link is as follows:
https://github.com/software-mansion/react-native-reanimated/issues/8294