withIAPContext makes App renders twice.

[dmk3141618]

Can I use withIAPContext on any component? not just App like

export default withIAPContext(App);

Can I use like this below if I only use purchase hooks on PurchaseItemScreen?

export default withIAPContext(PurchaseItemScreen);

Description

https://react-native-iap.hyo.dev/docs/api-reference/hooks

import React from 'react';
import {withIAPContext} from 'react-native-iap';

const App = () => <View />;

export default withIAPContext(App);

Expected Behavior

Just render once. Because I have to watch app logs.

Screenshots

Environment:

• react-native-iap: 12.15.4
• react-native: 0.75.4
• Platforms (iOS, Android, emulator, simulator, device): iOS, Android

To Reproduce
Steps to reproduce the behavior:

Just run this code. And press 'r' to refresh App.

import React from 'react';
import {withIAPContext} from 'react-native-iap';

const App = () => <View />;

export default withIAPContext(App);

---

[Optional] Additional Context

Is it because of this? (withIAPContext.tsx)

    useEffect(() => {
      initConnection()
        .then((value) => {
          setInitConnectionError(undefined);
          setConnected(value);
        })
        .catch(setInitConnectionError);
    }, []);

    useEffect(() => {
      if (!connected) {
        return;
      }

[GiuseppeSpathis]

Try to remove react strict mode
import React from 'react';
import ReactDOM from 'react-dom';

ReactDOM.render(
<React.StrictMode>

</React.StrictMode>,
document.getElementById('root')
);

Remove <React.StrictMode>

[dmk3141618]

Thank you. But I am already not using StrictMode.