React Native macOS Component Exception

Question

I am new to React Native and I am trying to build a simple hello world of charting with react-native-chart-kit on macOS.

I keep getting these Component Exception errors that I can't figure out how to resolve after much googling.

Any help here would be much appreciated.

[email protected] /Users/xkenneth/Work/myTestReactApp
├─┬ [email protected]
│ └── [email protected]
└─┬ [email protected]
  └── [email protected] deduped

[Sat Jul 24 2021 08:29:30.511]  ERROR    Invariant Violation: requireNativeComponent: "RNSVGGroup" was not found in the UIManager.

This error is located at:
    in RNSVGGroup (at G.tsx:33)
    in G (at LineChart.js:420)
    in RNSVGGroup (at G.tsx:33)
    in G (at LineChart.js:376)
    in RNSVGGroup (at G.tsx:33)
    in G (at Svg.tsx:202)
    in RNSVGSvgView (at Svg.tsx:197)
    in Svg (at LineChart.js:372)
    in RCTView (at View.js:44)
    in View (at LineChart.js:371)
    in LineChart (at App.js:73)
    in RCTView (at View.js:44)
    in View (at App.js:71)
    in RCTView (at View.js:44)
    in View (at App.js:57)
    in RCTScrollContentView (at ScrollView.js:1224)
    in RCTScrollView (at ScrollView.js:1369)
    in ScrollView (at ScrollView.js:1395)
    in ScrollView (at App.js:48)
    in RCTView (at View.js:44)
    in View (at SafeAreaView.js:42)
    in ForwardRef(SafeAreaView) (at App.js:47)
    in App (at renderApplication.js:45)
    in RCTView (at View.js:44)
    in View (at AppContainer.js:106)
    in RCTView (at View.js:44)
    in View (at AppContainer.js:132)
    in AppContainer (at renderApplication.js:39)

@MarekH I am having trouble following that thread and figuring out what to do. Manual linking seems to have been replaced with auto-linking in the latest React Native and the packages I have are many versions ahead of what are shown in that GitHub link. — Ken
– Ken, Commented Jul 24, 2021 at 13:57

Ken · Accepted Answer · 2021-07-24 22:40:58Z

1

Ok, I figured it out. My specified version of macOS was too low.

I had to change it from 10.13 to 10.14 in my Podfile and then do "pod install" and it resolved!

answered Jul 24, 2021 at 22:40

Ken

832 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

xji Over a year ago

Interesting. Does it mean that you were able to use react-native-svg (which seems to be used by react-native-chart-kit) on MacOS? There were actually some open issues in the repo requesting MacOS support: github.com/react-native-svg/react-native-svg/issues/297 github.com/react-native-svg/react-native-svg/issues/1426 github.com/react-native-svg/react-native-svg/pull/1632 If you can already use it out of the box then it's great.

xji Over a year ago

Oh, it indeed worked out of the box after I ran pod install (the build target in my case is already 10.14). Thanks for the tip!

Collectives™ on Stack Overflow

React Native macOS Component Exception

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related