tvOS projects based on expo cannot install react-native-purchases

[wengqianshan]

tvOS projects based on expo cannot install react-native-purchases

[wengqianshan]

@vegaro
It works fine, thank you so much！

[GiomScript]

I have the same exact problem with this import - import Purchases from "react-native-purchases";

[mshmoustafa]

Hey all,
I've pinged the mobile engineering team for assistance, I'll update this issue with their input.

[vegaro]

Can you please share your dependencies in your package.json so we can try to replicate? Thanks!

[wengqianshan]

@vegaro
ok, just like this

{
  "name": "wktv",
  "version": "2.0.0",
  "dependencies": {
    "expo": "^50.0.11",
    "expo-splash-screen": "~0.26.4",
    "expo-status-bar": "~1.11.1",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "react-native": "npm:react-native-tvos@^0.73.6-0",
    "react-native-purchases": "^7.24.0"
  },
  "devDependencies": {
    "@babel/core": "~7.20.0",
    "@react-native-tvos/config-tv": "^0.0.7",
    "@types/react": "~18.2.45",
    "typescript": "^5.3.0"
  },
  "expo": {
    "install": {
      "exclude": [
        "react-native"
      ]
    }
  },
  "private": true,
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web"
  }
}

you can follow this step to create a test project: https://github.com/expo/examples/tree/master/with-tv

[wengqianshan]

By comparing the .podspec file, I found that the react-native-iap module s.platforms contains tvos, but react-native-purchases does not. (react-native-iap worked fine for expo tvOS project)

[vegaro]

I've been trying to work this out but I am struggling with Expo, I am able to install the dependency if using this branch I just created that adds the tvos platform and changes the react native dependencies to *

    "react-native-purchases": "RevenueCat/react-native-purchases#tvos"

  "peerDependencies": {
    "react": "*",
    "react-native": "*"
  },

Do you mind giving that a try? If that branch works, we can make a release with the fix.

Thank you!

[wengqianshan]

@vegaro
Thank you very much. I can install the module after trying it, but I get an error when using it:

ERROR  Invariant Violation: `new NativeEventEmitter()` requires a non-null argument., js engine: hermes

After pod install, I still can’t find the native module related to react-native-purchases in the ios/Podfile.lock file

[vegaro]

Yes, I can reproduce... You're also getting the npm error when installing react-native-iap right? So you have to force install it, correct? But then it is correctly linking the pod

[wengqianshan]

@vegaro yes that's it😄

[wengqianshan]

Later I tried to modify react-native-purchases :

spec.platforms = { :ios => "10.0" , :tvos => "10.0"}

The pod was magically installed, but the following error occurred

[vegaro]

Oh that's interesting. You modified it in the node modules folder? I was doing that this morning but it wasn't installing either. Looks like you dropped the platform to 10 though?

[wengqianshan]

@vegaro
Yes, I modified it in node_modules with the help of patch-package.

It doesn't work for you may be you are using a platform instead of platforms.

I've tried both platform versions 10 and 11, and it doesn't seem to have any effect.

[vegaro]

you were right @wengqianshan , I was doing platform instead of platforms...

I pushed again to that tvos branch some conditional checks that prevent the compilation issues. It looks like the SDK is getting configured when I run it.

Can you test it works on your end? If it does, we can maybe throw a release next week adding support for this.

Thanks!

[vegaro]

Amazing, I will try to get that merged soon 😄