THEOplayer / react-native-theoplayer

A React Native THEOplayerView component
https://theoplayer.github.io/react-native-theoplayer/
MIT License
64 stars 21 forks source link

Cannot find type `ExtractContentIdCallback` in scope #157

Closed davidwinograd1 closed 1 year ago

davidwinograd1 commented 1 year ago

I'm getting this error when building. This is happening in THEOplayerRCTProxyContentProtectionIntegration. Can someone help?

Screenshot 2023-07-12 at 1 56 14 PM
Danesz commented 1 year ago

Hi @davidwinograd1 ,

The mentioned API was added to the underlying native THEOplayer iOS SDK in version 5.4.1

Is it possible that your dependencies are out of sync and your version of react-native-theoplayer referencing an older iOS SDK?

davidwinograd1 commented 1 year ago

Hi @Danesz ,

That is possible. I am using the newest version of react-native-theoplayer, and below is my package.json. Are there any dependencies that stick out as needing to be changed / upgraded?

{ "version": "0.0.1", "private": true, "scripts": { "start": "react-native start", "test": "jest", "preinstall": "npx npm-force-resolutions", "gen:rokfinapi": "openapi-codegen gen rokfinapi" }, "dependencies": { "@codler/react-native-keyboard-aware-scroll-view": "^2.0.1", "@openapi-codegen/typescript": "6.0.0", "@react-native-async-storage/async-storage": "^1.17.12", "@react-native-community/cli-platform-android": "^7.0.1", "@react-native-community/masked-view": "^0.1.10", "@react-native-community/netinfo": "^6.0.0", "@react-native-community/push-notification-ios": "^1.8.0", "@react-native-community/slider": "^4.4.2", "@react-native-community/viewpager": "^5.0.11", "@react-native-firebase/app": "^11.3.3", "@react-native-firebase/messaging": "^11.3.3", "@react-navigation/bottom-tabs": "^5.11.8", "@react-navigation/native": "^5.9.3", "@react-navigation/stack": "^5.14.3", "@segment/analytics-react-native": "2.9.1", "@segment/sovran-react-native": "^0.4.5", "@skele/components": "^1.0.0-alpha.40", "@tanstack/react-query": "^4.29.7", "ably": "^1.2.37", "ably-react-native": "^1.1.2", "algoliasearch": "^4.17.0", "base-64": "^1.0.0", "immutability-helper": "^3.1.1", "javascript-time-ago": "^2.3.4", "jwt-decode": "^3.1.2", "moment": "^2.29.3", "native-base": "^2.15.2", "prop-types": "^15.7.2", "react": "17.0.1", "react-instantsearch-hooks": "^6.43.0", "react-instantsearch-native": "^6.39.1", "react-native": "0.68.7", "react-native-animatable": "^1.3.3", "react-native-app-auth": "^6.2.0", "react-native-autocomplete-input": "^4.2.0", "react-native-autoscroll-flatlist": "^1.11.1", "react-native-background-downloader": "^2.3.4", "react-native-branch": "^5.0.1", "react-native-circular-progress": "^1.3.7", "react-native-controlled-mentions": "^2.2.5", "react-native-custom-actionsheet": "^0.1.1", "react-native-fbsdk": "^3.0.0", "react-native-fs": "^2.17.0", "react-native-gesture-handler": "^1.10.3", "react-native-get-random-values": "^1.8.0", "react-native-google-cast": "^4.6.2", "react-native-iphone-x-helper": "^1.3.1", "react-native-keyboard-aware-scroll-view": "^0.9.5", "react-native-keyboard-spacer": "^0.4.1", "react-native-linear-gradient": "^2.5.6", "react-native-modalbox": "^2.0.2", "react-native-notifications": "~4.1.1", "react-native-orientation-locker": "^1.3.1", "react-native-picker-select": "^8.0.4", "react-native-reanimated": "^2.8.0", "react-native-redash": "^16.0.8", "react-native-render-html": "^5.1.0", "react-native-safe-area-context": "^3.1.9", "react-native-safe-area-view": "^1.1.1", "react-native-screens": "^2.18.1", "react-native-search-filter": "^0.1.5", "react-native-share": "^8.2.1", "react-native-splash-screen": "^3.2.0", "react-native-status-bar-height": "^2.6.0", "react-native-svg": "^13.9.0", "react-native-swipe-list-view": "^3.2.6", "react-native-swiper": "^1.6.0", "react-native-tab-view": "^3.0.1", "react-native-table-component": "^1.2.1", "react-native-theoplayer": "^2.9.0", "react-native-tracking-transparency": "^0.1.0", "react-native-video": "^5.1.1", "react-native-video-controls": "^2.7.1", "react-native-view-more-text": "^2.1.0", "react-navigation": "^4.4.4", "react-navigation-stack": "^2.10.4", "react-redux": "^7.2.3", "redux": "^4.0.5", "redux-thunk": "^2.3.0" }, "devDependencies": { "@babel/core": "^7.13.8", "@babel/runtime": "^7.13.9", "@react-native-community/cli-platform-ios": "3.0.0", "@react-native-community/eslint-config": "^2.0.0", "@tsconfig/react-native": "^3.0.2", "@types/jest": "^29.5.1", "@types/react": "^18.2.7", "@types/react-test-renderer": "^18.0.0", "babel-jest": "^26.6.3", "jest": "^26.6.3", "metro-react-native-babel-preset": "0.65.2", "npm-force-resolutions": "0.0.10", "react-test-renderer": "17.0.1", "reactotron-react-native": "^5.0.1", "typescript": "^4.9.5" }, "jest": { "preset": "react-native" }, "resolutions": { "@codler/react-native-keyboard-aware-scroll-view": "^2.0.1" } }

Danesz commented 1 year ago

Nothing obvious.

Did you call pod install or pod update in your ios folder?

davidwinograd1 commented 1 year ago

yes, but the issue is still there unfortunately. when I run pod outdated, I get this, if any of them stand out as potentially causing the incompatibility issue:

Screenshot 2023-07-12 at 3 06 07 PM
ceyhun-o commented 1 year ago

Hi @davidwinograd1,

There is most probably something wrong with the pods, because your GoogleAds-IMA-iOS-SDK version is 3.17.0. What's wrong with that?

"react-native-theoplayer": "^2.9.0" relies on 5.5.0 for iOS (unless you override it). If you use the IMA feature with 5.5.0 on iOS, it should install the following extension, which relies on GoogleAds-IMA-iOS-SDK on 3.18.4: https://github.com/CocoaPods/Specs/blob/bffee4746baf745a0ba9f97f60b276ccba377f62/Specs/0/7/0/THEOplayer-Integration-GoogleIMA/5.5.0/THEOplayer-Integration-GoogleIMA.podspec.json#L27

What can you try?

  1. Delete any lock files you have (package-lock.json and/or yarn.lock and Podfile.lock) from your project.
  2. Delete the existing node_modules and Pods folders.
  3. Install the dependencies on your project root folder.
  4. Inside your iOS folder, run pod install --repo-update and verify the versions being installed.

Can you try again after this?

If somehow you can still reproduce it, can you let us know if you can successfully build our example project here?

Kind regards, Ceyhun

davidwinograd1 commented 1 year ago

Hi @ceyhun-o,

This error has been resolved! Thank you for the help.

I am currently facing this new error, however, if you are able to help?

https://github.com/THEOplayer/react-native-theoplayer/issues/158