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={() => }

<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 #1148