Error on view pager

Author: puneetkansal04Created Jun 22, 2021Updated Mar 16, 2024

React latest version

"react": "17.0.1", "react-native": "0.64.2",

Error: Element ref was specified as a string (viewPager) 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 See https://reactjs.org/link/refs-must-have-owner for more information.

This error is located at: in ViewPager (at createAnimatedComponent.js:217) in AnimatedComponent (at createAnimatedComponent.js:278) in AnimatedComponentWrapper (at react-native-scrollable-tab-view/index.js:253) in RCTView (at View.js:34) in View (at react-native-scrollable-tab-view/index.js:396) in ScrollableTabView (at ScrollableTabbar.js:8) in ScrollableTabbar (at VendorProfileScreen.js:44) in RCTView (at View.js:34) in View (at VendorProfileScreen.js:43) in RCTView (at View.js:34) in View (at VendorProfileScreen.js:21) in RCTView (at View.js:34) in View (at VendorProfileScreen.js:19) in VendorProfileScreen (at SceneView.tsx:122) in StaticContainer in EnsureSingleNavigator (at SceneView.tsx:114) in SceneView (at useDescriptors.tsx:153) in RCTView (at View.js:34) in View (at CardContainer.tsx:245) in RCTView (at View.js:34) in View (at CardContainer.tsx:244) in RCTView (at View.js:34) in View (at CardSheet.tsx:33) in CardSheet (at Card.tsx:573) in RCTView (at View.js:34) in View (at createAnimatedComponent.js:217) in AnimatedComponent (at createAnimatedComponent.js:278) in AnimatedComponentWrapper (at Card.tsx:555) in PanGestureHandler (at GestureHandlerNative.tsx:13) in PanGestureHandler (at Card.tsx:549) in RCTView (at View.js:34) in View (at createAnimatedComponent.js:217) in AnimatedComponent (at createAnimatedComponent.js:278) in AnimatedComponentWrapper (at Card.tsx:544) in RCTView (at View.js:34) in View (at Card.tsx:538) in Card (at CardContainer.tsx:206) in CardContainer (at CardStack.tsx:623) in RNSScreen (at createAnimatedComponent.js:217) in AnimatedComponent (at createAnimatedComponent.js:278) in AnimatedComponentWrapper (at src/index.native.tsx:147) in Screen (at Screens.tsx:74) in MaybeScreen (at CardStack.tsx:616) in RNSScreenContainer (at src/index.native.tsx:186) in ScreenContainer (at Screens.tsx:50) in MaybeScreenContainer (at CardStack.tsx:498) in CardStack (at StackView.tsx:462) in KeyboardManager (at StackView.tsx:458) in RNCSafeAreaProvider (at SafeAreaContext.tsx:76) in SafeAreaProvider (at SafeAreaProviderCompat.tsx:42) in SafeAreaProviderCompat (at StackView.tsx:455) in GestureHandlerRootView (at GestureHandlerRootView.android.tsx:26) in GestureHandlerRootView (at StackView.tsx:454) in StackView (at createStackNavigator.tsx:87) in StackNavigator (at StackNavigator.js:32) in EnsureSingleNavigator (at BaseNavigationContainer.tsx:409) in BaseNavigationContainer (at NavigationContainer.tsx:91) in ThemeProvider (at NavigationContainer.tsx:90) in NavigationContainer (at StackNavigator.js:31) in StackNavigator (at App.js:15) in Provider (at App.js:13) in App (at renderApplication.js:47) in RCTView (at View.js:34) in View (at AppContainer.js:107) in RCTView (at View.js:34) in View (at AppContainer.js:134) in AppContainer (at renderApplication.js:40)

If I add @react-native-community/viewpager 2.0.2 then iOS is not working how can I resolve it. Or please add latest version of view pager in the package.

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