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

Author: Rajput-SiddhiCreated Apr 13, 2023Updated Mar 9, 2024

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

Source: ptomasroos/react-native-scrollable-tab-view