Skip to content

Error with Tabs.SectionList component #484

@enisit

Description

@enisit

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:

  1. Replacing Tabs.SectionList with Tabs.FlatList
  2. Manually flattening the sectioned data structure
  3. Implementing custom header rendering logic

Reproduction Steps

  1. Enable React Compiler in Expo configuration
  2. Use Tabs.SectionList from react-native-collapsible-tab-view
  3. 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"
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions