Estamos tratando de integrar Stripe en una aplicación nativa de reacción usando @stripe/stripe-react-native. Seguimos este tutorial https://www.youtube.com/watch?v=DZlAET7Tgx4 https://www.youtube.com/watch?v=DZlAET7Tgx4 como referencia.

Nuestra llamada API está devolviendo un objeto indefinido. Creemos que podría tener que ver con la URL de la API, pero lo hemos intentado todo (localhost, dirección IP de la computadora, dirección IP de wifi) y nada funciona. Intentamos iniciar sesión en la consola dentro del método de publicación, pero no se imprime nada, lo que nos hace pensar que no se está llamando correctamente. Tenemos un servidor corriendo usando express. Cualquier ayuda sería muy apreciada :)

Este es nuestro método de publicación:

 app.post('/create-payment-intent', async (req, res) => { console.log("test place 1") try { const paymentIntent = await stripe.paymentIntents.create( { amount: 1099, currency: "usd", payment_method_types: ["card"], } ); const clientSecret = paymentIntent.client_secret; res.send({ clientSecret: clientSecret, }); } catch (e) { res.json({ error: e.message }); } })

Y aquí es cuando lo llamamos:

 const API_URL = "http://10.49.40.160:8000" const StripeApp = props => { const [email, setEmail] = useState(); const [cardDetails, setCardDetails] = useState(); const { confirmPayment, loading } = useConfirmPayment(); const fetchPaymentIntentClientSecret = async () => { const response = await fetch(`${API_URL}/ create-payment-intent`, { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ paymentMethodType: 'card', currency: 'usd', }), }); const { clientSecret, error } = await response.json(); return { clientSecret, error }; }

¡Muchas gracias!