salem-react-native | Stripe Developers | Page 1

mortal haven Sep 10, 2021, 1:02 AM

#

Hello, how are you initializing that useConfirmPayment ?

nocturne coyote Sep 10, 2021, 1:07 AM

#

const { confirmPayment, loading } = useConfirmPayment();

#

const handlePayPress = async () => {
//1.Gather the customer's billing information (e.g., email)
if (!cardDetails?.complete || !email) {
Alert.alert("Please enter Complete card details and Email");
return;
}
const billingDetails = {
email: email,
};
//2.Fetch the intent client secret from the backend
try {
const { clientSecret, error } = await fetchPaymentIntentClientSecret();
//2. confirm the payment
if (error) {
console.log("Unable to process payment");
} else {
const { paymentIntent, error } = await confirmPayment(clientSecret, {
type: "Card",
billingDetails: billingDetails,
});
if (error) {
alert(Payment Confirmation Error ${error.message});
console.log(error.message)
} else if (paymentIntent) {
alert("Payment Successful");
console.log("Payment successful ", paymentIntent);
}
}
} catch (e) {
console.log(e);
}
//3.Confirm the payment with the card details
};

#

https://github.com/nathvarun/Expo-Stripe-Tutorial is the one im copying

GitHub

GitHub - nathvarun/Expo-Stripe-Tutorial: Project Files for Expo Str...

Project Files for Expo Stripe Tutorial. Contribute to nathvarun/Expo-Stripe-Tutorial development by creating an account on GitHub.

mortal haven Sep 10, 2021, 1:10 AM

#

Let me TAL

#

The code above

 const { paymentIntent, error } = await confirmPayment(clientSecret, {
    type: "Card",
    billingDetails: billingDetails,
});

is a bit different to your code, as it uses confirmPayment. Your original code is using useConfirmPayment.confirmPayment. Which one are you using?

nocturne coyote Sep 10, 2021, 1:13 AM

#

confirmPayment

mortal haven Sep 10, 2021, 1:13 AM

#

the former or the latter?

nocturne coyote Sep 10, 2021, 1:14 AM

#

without useConfirmPayment.

#

const { confirmPayment, loading } = useConfirmPayment();

mortal haven Sep 10, 2021, 1:17 AM

#

and then later, the part of actually using it, are you calling this?

useConfirmPayment.confirmPayment(clientSecret, {
    type: "Card",
    billingDetails: billingDetails,
});

nocturne coyote Sep 10, 2021, 1:18 AM

#

const { paymentIntent, error } = await confirmPayment(clientSecret, {
type: "Card",
billingDetails: billingDetails,
});

mortal haven Sep 10, 2021, 1:20 AM

#

Okie I see. I was a bit confusing as in your original code you mentioned useConfirmPayment.confirmPayment, not confirmPayment directly like that. Just another confirmation, what version of expo and what version of Stripe SDK are you using?

nocturne coyote Sep 10, 2021, 1:22 AM

#

sry about that

#

"expo": "~42.0.1",

#

"@stripe/stripe-react-native": "^0.2.0",

mortal haven Sep 10, 2021, 1:23 AM

#

Okay I understand it now. Unfortunately Expo 42 only supports Stripe SDK version 0.1.4. You would either wait for Expo to support the newer versions, or downgrade stripe SDK to use with Expo

nocturne coyote Sep 10, 2021, 1:26 AM

#

ive tried to do that but when i hit the pay button it crashes my app after i downgrade, its possible that its a quirk in my system tho. in any case ill try again and see if thats still the case

#

ye i downgrading to 0.1.4 without changing any code. It closes the app in an android emulator and physical device without giving an error warning

mortal haven Sep 10, 2021, 1:36 AM

#

Um that's a different problem. Any crash message/error?

nocturne coyote Sep 10, 2021, 1:39 AM

#

none, just closes expo go and the app without any msg

mortal haven Sep 10, 2021, 1:41 AM

#

Is that crash on start? or on some particular screen?

nocturne coyote Sep 10, 2021, 1:43 AM

#

works fine until i press the pay button

#

then crashes after a slight delay

#

i checked the server side of things and the only thing that might be the problem is this : status: 'requires_payment_method', from const paymentIntent = await stripe.paymentIntents.create({
amount: 1099, //lowest denomination of particular currency
currency: "usd",
payment_method_types: ["card"], //by default
});

mortal haven Sep 10, 2021, 1:50 AM

#

That looks correct to me

#

Is there any message on your IDE? like after the crash happened?

nocturne coyote Sep 10, 2021, 1:53 AM

#

nothing and my phone thinks the app is still running but the app is gone

mortal haven Sep 10, 2021, 1:55 AM

#

That's so weird... Btw Can you try this official sample: https://snack.expo.dev/@charliecruzan/stripe-react-native-example

stripe-react-native-example - Snack

Try this project on your phone! Use Expo's online editor to make changes and save your own copy.

#

I am sorry that I can't figure it our either. Going with SDK 0.1.4 is the right direction while you are using Expo 42. For the crash, please fill an issue here: https://github.com/stripe/stripe-react-native/issues with a screen recording the crash, and your code accordingly

GitHub

Issues · stripe/stripe-react-native

React Native library for Stripe. Contribute to stripe/stripe-react-native development by creating an account on GitHub.

nocturne coyote Sep 10, 2021, 2:01 AM

#

alright thanks for trying, much appreciated. btw the official example uses version 0.1.1 and at least some of them seem to be working fine so ill try that

#salem-react-native