Unable to resolve module ../../package.json

Describe the bug

Hello! I am quite new to React Native and trying to integrate Stripe using @stripe/stripe-react-native. After initializing the library following the installment guide on Stripe (https://stripe.com/docs/payments/accept-a-payment?platform=react-native&ui=custom), I get the error below and not sure how to solve this (I don’t know if this is a bug or not).

Unable to resolve module ../../package.json from /Users/.../node_modules/@stripe/stripe-react-native/lib/commonjs/components/StripeProvider.js: None of these files exist: *node_modules/@stripe/stripe-react-native/lib/package.json

Versions

react: 17.0.2
react-native: 0.66.4
stripe-react-native: 0.2.3
babel: 7.12.9
running device: iOS 15 simulator

Also I am developing in React cli (not expo)

Is there anything else I need to integrate the library other than yarn add and pod install ? Any help would be much appreciated! Thanks a lot in advance!

[yanzdog]

@alekhinen @jukaha

I am using https://github.com/apollographql/apollo-client for api client and added some changes to metro config referring to this change log. (https://github.com/apollographql/apollo-client/blob/main/CHANGELOG.md#apollo-client-354-2021-11-19).

However, require("metro-config") was looking at wrong path and causing this stripe error. So I corrected it to the right path which is require('metro-config/src/defaults/defaults').

Hope this helps!

[Kinzito17]

@jukaha @alekhinen I was able to find a workaround to this issue here hope it helps!