`presentPaymentSheet` crashes the app in android

Describe the bug The app crashes after calling presentPaymentSheet.

To Reproduce I followed the example in the integration guide here. My checkout page:

import React, { useState, useEffect } from "react";
import { useStripe } from '@stripe/stripe-react-native';
import useAPIError from '../../common/hooks/useAPIError';
import stripeSheet from '../../common/api/stripe';
import { Button, VStack, Text } from 'native-base';

export default function CheckoutScreen() {
  const { initPaymentSheet, presentPaymentSheet } = useStripe();
  const [loading, setLoading] = useState(false);
  const [apiIntent, setApiIntent] = useState('');
  const [apiCustomer, setApiCustomer] = useState('');
  const [apiEphemeralKey, setApiEphemeralKey] = useState('');
  // const [clientSecret, setClientSecret] = useState();
  const { addError } = useAPIError();

  const fetchPaymentSheetParams = async () => {
      try{
        const response = await stripeSheet(addError);
        const { paymentIntent, ephemeralKey, customer }  = response.result;
        console.log(paymentIntent);
        console.log(ephemeralKey);
        console.log(customer);
        setApiIntent(paymentIntent);
        setApiEphemeralKey(ephemeralKey);
        setApiCustomer(customer);
        return {
          paymentIntent,
          ephemeralKey,
          customer,
        };

      }catch(e){
          // TODO: handle error
          return {
            paymentIntent: null,
            ephemeralKey: null,
            customer: null,
          }
      }
  };

  const initializePaymentSheet = async () => {
    const {
      paymentIntent,
      ephemeralKey,
      customer,
    } = await fetchPaymentSheetParams();

    const { error } = await initPaymentSheet({
      customerId: customer,
      customerEphemeralKeySecret: ephemeralKey,
      paymentIntentClientSecret: paymentIntent,

    });
    if (!error) {
      setLoading(true);
    }else{
    }
  };

  const openPaymentSheet = async () => {
    const { error } = await presentPaymentSheet(); // app crashes here
    if (error) {
      addError(`Error code: ${error.code}`, error.message);
    } else {
      addError('Success', 'Your order is confirmed!');
    }
  };

  useEffect(() => {
    initializePaymentSheet();
  }, []);

  return (
    <VStack>

      <Button colorScheme="primary" onPress={initializePaymentSheet}>Retry</Button>
      <Text>Disabled is {(!loading) + ''}</Text>
      <Text>intent is {apiIntent}</Text>
      <Text>customer is {apiCustomer}</Text>
      <Text>ephemeralKey is {apiEphemeralKey}</Text>
      <Button
        colorScheme="primary"
        disabled={!loading}
        onPress={openPaymentSheet}
      >Checkout</Button>

    </VStack>
  );
}

Screenshots

Smartphone (please complete the following information):

• Device: Android Huawei GR3 2017
• OS: Android 8.0

Additional context Developing app with expo and using nativebase for UI (I tried pure react native UI but the issue is still there).

[obayit]

Thanks, I solved the issue by downgrading the package to 0.1.4 with:

yarn upgrade @stripe/stripe-react-native@0.1.4

Then adding these missing args to initPaymentSheet:

      customFlow: false,
      merchantDisplayName: 'Example Inc.',
      style: 'alwaysDark',

[arekkubaczkowski]

Expo does support the older version of this library (0.1.4), this means that there are differences in initializing the PaymentSheet. Please follow our example which points to this specific version: https://github.com/stripe/stripe-react-native/blob/v0.1.4/example/src/screens/PaymentsUICompleteScreen.tsx