Object is not a function (evaluating 'concreteComponentProvider()') in React Native

Question

I'm using wix react native navigation,it works before adding redux.

Navigation.registerComponent('navigation.playground.WelcomeScreen', () => 
AuthScreen);
Navigation.events().registerAppLaunchedListener(() => {
  Navigation.setRoot({
    root: {
      component: {
      name: "navigation.playground.WelcomeScreen"
      }
    }
  });
});

when I add redux,

const store=configureStore()
Navigation.registerComponent('navigation.playground.WelcomeScreen', () => 
AuthScreen,store,Provider);
Navigation.events().registerAppLaunchedListener(() => {
  Navigation.setRoot({
    root: {
      component: {
      name: "navigation.playground.WelcomeScreen"
      }
    }
   });
 });

I'm getting the error Object is not a function(evaluating 'concreteComponentProvider()')

score 20 · Accepted Answer · answered Dec 23 '18 at 14:55

20

If you are using the newest version of react-native-navigation, it's probably because you used registerComponent instead of registerComponentWithRedux.

Try changing your code to:

Navigation.registerComponentWithRedux('navigation.playground.WelcomeScreen', () => AuthScreen,Provider,store);

And see if it works.

P.S: In the new version, you have to put the provider before the store.

Source

answered Dec 23 '18 at 14:55

Ray

9,184
3
27
44

It works.. thanks!! The most important thing in this answer is - "In the new version, you have to put the provider before the store." Thanks! – Harshitha Palihawadana Apr 27 '19 at 01:05

Object is not a function (evaluating 'concreteComponentProvider()') in React Native

1 Answers1