Element ref was specified as a string (tabContainer) but no owner was set.
Author: Rajput-SiddhiCreated Apr 13, 2023Updated Mar 9, 2024
- I have searched existing issues
- I am using the latest scrollable tab view version
While using react-native-scrollable-tab-view in my project getting error: Error: Element ref was specified as a string (tabContainer) but no owner was set.
Steps to Reproduce
- Install react-native-scrollable-tab-view.
- Use ScrollableTabView, ScrollableTabBar from react-native-scrollable-tab-view as follows:
<ScrollableTabView
initialPage={0}
prerenderingSiblingsNumber={Infinity} tabBarInactiveTextColor="gray" tabBarActiveTextColor="#00BCE0" renderTabBar={() => }
<Tab1 tabLabel="Tab 1" navigation={this.props.navigation}
<Tab2 tabLabel="Tab 1" navigation={this.props.navigation}
Expected Behavior
2 Tabs should be visible on screen named Tab1 and Tab2
Actual Behavior
App crashes with following error:
Error: Element ref was specified as a string (tabContainer) but no owner was set. This could happen for one of the following reasons:
- You may be adding a ref to a function component
- You may be adding a ref to a component that was not created inside a component's render method
- You have multiple copies of React loaded
Source: ptomasroos/react-native-scrollable-tab-view