Error: Invariant Violation: Invariant Violation: Native component for "AIRMapHeatmap" does not exist

[bkeith20]

I am trying to use your library and when I run the app on android I get this error.

Error: Invariant Violation: Invariant Violation: Native component for "AIRMapHeatmap" does not exist

This error is located at:
in AIRMapHeatmap (at MapHeatmap.js:68)
in MapHeatmap (at viewer.js:242)
in AIRMap (at MapView.js:772)
in MapView (at viewer.js:231)
in RCTView (at View.js:60)
in View (at viewer.js:230)
in App (at SceneView.js:10)
in SceneView (at StackViewLayout.js:477)
in RCTView (at View.js:60)
in View (at StackViewLayout.js:476)
in RCTView (at View.js:60)
in View (at StackViewLayout.js:475)
in RCTView (at View.js:60)
in View (at createAnimatedComponent.js:154)
in AnimatedComponent (at StackViewCard.js:12)
in Card (at createPointerEventsContainer.js:28)
in Container (at StackViewLayout.js:539)
in RCTView (at View.js:60)
in View (at StackViewLayout.js:434)
in RCTView (at View.js:60)
in View (at StackViewLayout.js:433)
in StackViewLayout (at withOrientation.js:30)
in withOrientation (at StackView.js:60)
in RCTView (at View.js:60)
in View (at Transitioner.js:169)
in Transitioner (at StackView.js:22)
in StackView (at createNavigator.js:57)
in Navigator (at createKeyboardAwareNavigator.js:11)
in KeyboardAwareNavigator (at createNavigationContainer.js:383)
in NavigationContainer (at App.js:43)
in App (at registerRootComponent.js:35)
in RootErrorBoundary (at registerRootComponent.js:34)
in ExpoRootComponent (at renderApplication.js:33)
in RCTView (at View.js:60)
in View (at AppContainer.js:102)
in RCTView (at View.js:60)
in View (at AppContainer.js:122)
in AppContainer (at renderApplication.js:32)

This error is located at:
in NavigationContainer (at App.js:43)
in App (at registerRootComponent.js:35)
in RootErrorBoundary (at registerRootComponent.js:34)
in ExpoRootComponent (at renderApplication.js:33)
in RCTView (at View.js:60)
in View (at AppContainer.js:102)
in RCTView (at View.js:60)
in View (at AppContainer.js:122)
in AppContainer (at renderApplication.js:32)

[pjamrozowicz]

Hi!
Did you follow all steps in the installation instruction? I don't really recognize that error but it looks like something went wrong while installing library. Please notice the installation is a mix of the official steps in airbnb library and my steps so pay close attention to it.

[bkeith20]

Thank you for getting back to me so quickly I am super excited by this library. I have the library installed such that it is working to make maps without the heatmap feature, this is the only error and when going through to see where the error is occurring it seems strange because the other features seem to be going through the same process it just is not be able to find the native component for implementing this feature. But I am also using a project created using create-react-native-app so I suppose it could be an issue from that.

[pjamrozowicz]

Hmm are you sure you used my fork then? Because if everything works fine except my feature and it has difficulties finding it then maybe you are actually using official version?
Simply check your package.json file and see if you have this line there:
"react-native-maps": "git+https://github.com/pjamrozowicz/react-native-maps.git"
If that's not the problem then make sure you followed this instruction https://github.com/pjamrozowicz/react-native-maps/blob/master/docs/installation.md but changed with the bits described here: https://github.com/pjamrozowicz/react-native-heatmaps/blob/master/README.md#installation

I would love to get back to it and make this whole thing correctly so that it could be merged with official react-native-maps but I really don't have enough time :(

[MichaelBalazs]

@bkeith20 Did you figure out this error?

[bkeith20]

No I just made the heatmap using javscript and HTML and viewed it from a webview.