RSS1N2-Element | Stripe Developers | Page 1

timid dragon Mar 25, 2022, 4:57 AM

#

Hmm, how would you determine which connected account, based on your customer?

rustic minnow Mar 25, 2022, 5:06 AM

#

My web site allows users to create tournaments. Then the public signs up for those tournaments and pays the creator. A small fee goes to me. So depending on which tournament the end user chooses, the connected account that the funds flow to also changes.

timid dragon Mar 25, 2022, 5:07 AM

#

Okie, so which API are you using? Destination Charges with Elements?

rustic minnow Mar 25, 2022, 5:14 AM

#

Yes, I think so.

timid dragon Mar 25, 2022, 5:15 AM

#

Can you give an example code, how are you setting that stripe prop?

#

I have a feeling that's Direct Charge rather than Destination Charge

rustic minnow Mar 25, 2022, 5:17 AM

#

When the payment dialog is rendered I do this:useEffect(() => {
if (!initializedStripe) {
console.log("Initializing Stripe for EasyPayment!")
setStripePromise(loadStripe("pk_test_51****", {stripeAccount: 'acct_1IqNF****'}))
setInitializedStripe(true)
}

#

setStripePromise uses React context to get the promise out to the Elements Wrapper that encompasses all my components for the app.

#

The idea here is that stripeAccount can be different everytime this component is used. Hence, setStripePromise can be called with different values.

#

Note: Values are hard coded for testing purposes

rustic minnow Mar 25, 2022, 5:37 AM

#

Thoughts?

timid dragon Mar 25, 2022, 5:40 AM

#

Stripe React Js, correct? https://github.com/stripe/react-stripe-js

GitHub

GitHub - stripe/react-stripe-js: React components for Stripe.js and...

React components for Stripe.js and Stripe Elements - GitHub - stripe/react-stripe-js: React components for Stripe.js and Stripe Elements

rustic minnow Mar 25, 2022, 5:44 AM

#

Yes: import { CardElement, useElements, useStripe } from "@stripe/react-stripe-js"

timid dragon Mar 25, 2022, 5:47 AM

#

You are right. you would need to know the Stripe Account before going into this page. I think the best part forward is trying to capture which tournament Connected Account before going to this page, then based on that initialize the Stripe element. Sorry for the inconvenience

rustic minnow Mar 25, 2022, 5:53 AM

#

THat's easy enough, but I have a feeling the issue will persist as long as I'm setting the promise while in a child of that Elements component and its stripe prop that it's complaining about. The older docs reference a StripeProvider that looks like it solves this issue by allowing the app to manage the stripe prop directly. But it doesn't appear to be supported anymore. Can you shed some light on how the stripe prop is supposed to be set dynamically in scenarios like this?

timid dragon Mar 25, 2022, 5:56 AM

#

Could you elaborate on that old Stripe Provider? I will try to find information around that change

rustic minnow Mar 25, 2022, 6:15 AM

#

Here is some usage I found:

#

timid dragon Mar 25, 2022, 6:52 AM

#

I see, pretty much it's here https://github.com/stripe/react-stripe-js/blob/master/docs/migrating.md#2-remove-stripeprovider

GitHub

react-stripe-js/migrating.md at master · stripe/react-stripe-js

React components for Stripe.js and Stripe Elements - react-stripe-js/migrating.md at master · stripe/react-stripe-js

#

I think you only can recreate the promise each time...

rustic minnow Mar 25, 2022, 6:57 AM

#

Yes, so it was replaced with Elements containing the stripe Promise as a prop. But that's the one you can only set once.

timid dragon Mar 25, 2022, 7:02 AM

#

I am sorry I don't have a better offer. It has been this way from when the change happened

rustic minnow Mar 25, 2022, 7:25 AM

#

Good news. I just got it working. The trick was to not fight the client API, and just initialize the Promise once on the client. Then on the server you clone the PaymentMethod that was created with the client's Promise to the connected account. Thanks for hanging in there with me. These are complicated issues that I'm sure you guys can't always get resolution on. But it's awesome to have access to someone to talk to in real-time.

#RSS1N2-Element