Cannot read property 'showFlow' of null

[coolheaded1]

After following the official documentation, I got Cannot read property 'showFlow' of null when I click the button.

my code:
import React, {Component, useEffect} from 'react';
import {
NativeModules,
NativeEventEmitter,
Button,
View
} from 'react-native';

import {
MetaMapRNSdk,
} from 'react-native-expo-metamap-sdk';

function App() {

useEffect(() => {
 	const MetaMapVerifyResult = new NativeEventEmitter(NativeModules.MetaMapRNSdk)
 	MetaMapVerifyResult.addListener('verificationSuccess', (data) => console.log(data))
 	MetaMapVerifyResult.addListener('verificationCanceled', (data) => console.log(data))
})
const handleMetaMapClickButton = () => {
   	 MetaMapRNSdk.showFlow("610b96fb7cc893001b135505", "611101668083a1001b13cc80", {:});
  }

return (
      <View
        style={{
          flex: 1,
          justifyContent: 'center',
          alignItems: 'center',
          backgroundColor: 'powderblue',
        }}>
        <Button onPress = {() => handleMetaMapClickButton()}  title="Click here"/>
      </View>
    );

}
export default App;

[AvoSukiasyan]

hi @coolheaded1 . let me check it on my side and get back to you

[AvoSukiasyan]

hi @coolheaded1 . this happens because you are using the react-native plugin in place of react-native.
please use this plugin https://www.npmjs.com/package/react-native-metamap-sdk

import {
MetaMapRNSdk,
} from 'react-native-metamap-sdk';

[josephKredi]

hi @AvoSukiasyan, I just tried this and got the same thing.

import React, { useEffect } from "react";
import { NativeModules, NativeEventEmitter, Button, View } from "react-native";

import { MetaMapRNSdk } from "react-native-metamap-sdk";

export const FaceRecognition = () => {
useEffect(() => {
const MetaMapVerifyResult = new NativeEventEmitter(NativeModules.MetaMapRNSdk);
MetaMapVerifyResult.addListener("verificationSuccess", (data) => console.log(data));
MetaMapVerifyResult.addListener("verificationCanceled", (data) => console.log(data));
}, []);

const handleMetaMapClickButton = () => {
MetaMapRNSdk.showFlow("610b96fb7cc893001b135505", "611101668083a1001b13cc80", {});
};

return (
<View
style={{
flex: 1,
justifyContent: "center",
alignItems: "center",
backgroundColor: "powderblue",
}}
>
<Button onPress={() => handleMetaMapClickButton()} title="Click here" />

);
};

What am I doing wrong?
I'm running the app via expo go.

[AvoSukiasyan]

@josephKredi for expo you should use this implementation https://www.npmjs.com/package/react-native-expo-metamap-sdk
and if it's expo you was using correct plugin. react-native-expo-metamap-sdk.
you can ping our support team about problem and they will schedule meeting and we'll look together

[michaelmiracle018]

cannot read property 'showFlow' of null

import fetchUserFromStorage from '#/shared/fetchUserFromStorage'
import {useEffect} from 'react'
import {NativeModules, NativeEventEmitter, Button, View} from 'react-native'

import {MetaMapRNSdk} from 'react-native-expo-metamap-sdk'

const UserVerification = () => {

useEffect(() => {
const MetaMapVerifyResult = new NativeEventEmitter(
NativeModules.MetaMapRNSdk,
)
MetaMapVerifyResult.addListener('verificationSuccess', data =>
console.log('hey', data),
)
MetaMapVerifyResult.addListener('verificationCanceled', data =>
console.log('judjj', data),
)
})
const handleMetaMapClickButton = props => {
MetaMapRNSdk.showFlow(
'610b96fb7cc893001b135505',
'611101668083a1001b13cc80',
)
}

// Add button to view graph
return (
<View
style={{
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: 'powderblue',
}}>
<Button onPress={() => handleMetaMapClickButton()} title="Verify Here" />

)
}

export default UserVerification

i have even downgraded but still same error

[teampazi]

I have the same issue as well for over 2 weeks and it's blocking my project. Basically it doesn't export the right files from the module.

@AvoSukiasyan I am using expo and NativeModules.MetaMapRNSdk seems to be null all the time hence causing this new NativeEventEmitter(NativeModules.MetaMapRNSdk) to throw error of calling it with a null value

[AvoSukiasyan]

Hi @teampazi . Will look it today and get back to you as soon as posible

[AvoSukiasyan]

HI @teampazi .
The issue is fixed please use latest version of plugin 2.4.0

[teampazi]

HI @teampazi . The issue is fixed please use latest version of plugin 2.4.0

This issue is not fixed see screenshot

[teampazi]

Has anyone been able to find solution to this problem because I have not for some reason this package isn't still recognized by my project. I am still unable to import the package because it doesn't seem to be installed even though i did

[Fran-Merce]

Any updates on this? I have the same problem @AvoSukiasyan