Element ref was specified as a string (tabContainer) but no owner was set.

[Rajput-Siddhi]

• [ ] 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

1. Install react-native-scrollable-tab-view.
2. Use ScrollableTabView, ScrollableTabBar from react-native-scrollable-tab-view as follows: <ScrollableTabView initialPage={0}
   prerenderingSiblingsNumber={Infinity} tabBarInactiveTextColor="gray" tabBarActiveTextColor="#00BCE0" renderTabBar={() => <ScrollableTabBar />}

<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:

1. You may be adding a ref to a function component
2. You may be adding a ref to a component that was not created inside a component's render method
3. You have multiple copies of React loaded

[billxie1988]

replace the ref={'tabContainer'} with ref={ref => (this.tabContainer = ref)}

[111Tashmo]

same issue, any update?

[111Tashmo]

this helps https://github.com/ptomasroos/react-native-scrollable-tab-view/issues/1148