IAPProvider not found on import

[kamal-hossain]

I have upgraded to this:

- "react-native-iap": "^12.16.0",
+ "react-native-iap": "^14.3.4"

After doing that, according to the documentation of this: https://hyochan.github.io/react-native-iap/docs/guides/troubleshooting#useiap-hook-not-working

// ❌ Wrong: Hook used outside provider
function App() {
  const {connected} = useIAP(); // This will fail
  return <MyApp />;
}

// ✅ Correct: Hook used within provider
import {IAPProvider} from 'react-native-iap';

function AppWithProvider() {
  return (
    <IAPProvider>
      <App />
    </IAPProvider>
  );
}

function App() {
  const {connected} = useIAP(); // This works
  return <MyApp />;
}

It's not working and says, IAPProvider Element type is invalid. So whats the fix for this one ?

Or is the documentation is outdated?

[hyochan]

Recently, there have been many legacy updates in the library, and I’ve been working to support multiple frameworks such as Flutter, Expo, and KMP while addressing fragmentation issues. In that process, some documentation may not be fully updated, and mistakes can occur. However, I usually resolve them immediately once they’re pointed out, so thank you for bringing this up.

For now, most of the source code is tested through the example project, so meanwhile you can check the example here:
https://github.com/hyochan/expo-iap/blob/main/example/app/purchase-flow.tsx

[hyochan]

@kamal-hossain Currently, we don't have a provider and i should work without a provider!

[hyochan]

I just found that this is dupe #3037