Unable to acknowledge the purchase on Android

[thechaudharysab]

This is my first time working with IAP and I think I'm close but the lifecycle of an IAP is what get me confused.

The in-app products I have are virtual coins hence users can buy them as many times as they like so I keep isConsumable: true. The code below is more for Android as I haven't configured it for iOS yet.

I followed the documentation to first add the below code in my App.tsx:

  useEffect(() => {
    const initIAP = async () => {
      try {
        await initConnection();
        if (Platform.OS == 'android') {
          await flushFailedPurchasesCachedAsPendingAndroid();
        } else {
          // await clearTransactionIOS();
        }
      } catch (error) {
        console.log('Error initializing IAP: ', error);
      }
    };

    initIAP();

    return () => {
      endConnection();
    };
  }, []);

After this, the first screen that shows is Home.tsx in which I added:

  useEffect(() => {
    const subscriptionListener = purchaseUpdatedListener(
      async (purchase: Purchase) => {
        const receipt = purchase.transactionReceipt;

        console.log('purchaseStateAndroid: ', purchase.purchaseStateAndroid;);
        console.log('receipt @ subscriptionListener: ', receipt);

        if (receipt) {
          //TODO: Send the receipt to the server
          await finishTransaction({ purchase, isConsumable: true });
        }
      },
    );

    return () => {
      subscriptionListener.remove();
    };
  }, []);

Then finally in my BuyCoins.tsx screen which I navigate to from Home, has:

  const {
    connected,
    products,
    currentPurchase,
    currentPurchaseError,
    initConnectionError,
    finishTransaction,
    getProducts,
  } = useIAP();

  // Get all Products
  const handleGetProducts = async () => {
    try {
      if (constants.productSkus) {
        await getProducts({ skus: constants.productSkus });
      }
    } catch (error) {
      errorLog({ message: 'handleGetProducts', error });
    }
  };

  const handleProductPurchase = async (sku: Sku) => {
    try {
      let purchaseParams: RequestPurchase = {
        sku,
        andDangerouslyFinishTransactionAutomaticallyIOS: false,
      };

      if (Platform.OS === 'android') {
        purchaseParams = { skus: [sku] };
      }

      await requestPurchase(purchaseParams);
    } catch (error) {
      console.log('err: ', error);
      setIsLoading(false);
    }
  };

When I try to purchase it gives me this in console log:

LOG  purchaseStateAndroid:  1
LOG  receipt @ subscriptionListener:  {"orderId":"MY_ORDER_ID","packageName":"MY_ORDER_ID","productId":"MY_ORDER_ID","purchaseTime":00000000000,"purchaseState":0,"purchaseToken":"MY_ORDER_ID","quantity":1,"acknowledged":false}
 WARN  Possible Unhandled Promise Rejection (id: 0):
Error: Purchase failed with code: 8
 WARN  Possible Unhandled Promise Rejection (id: 1):
Error: Purchase failed with code: 8

### SOMETIMES
LOG  purchaseStateAndroid:  1
LOG  receipt @ subscriptionListener:  {"orderId":"MY_ORDER_ID","packageName":"MY_ORDER_ID","productId":"MY_ORDER_ID","purchaseTime":00000000000,"purchaseState":0,"purchaseToken":"MY_ORDER_ID","quantity":1,"acknowledged":false}
 WARN  Possible Unhandled Promise Rejection (id: 0):
Error: An unknown or unexpected error has occurred. Please try again later.
 WARN  Possible Unhandled Promise Rejection (id: 1):
Error: An unknown or unexpected error has occurred. Please try again later.

Checking the receipt @ subscriptionListener it shows correct information except for "acknowledged":false which I'm not sure why I'm unable to get true.

I thought because I'm in dev mode it might be the reason or some other step in the lifecycle that I'm missing maybe?