zach_code

[proud pagoda]

👋 Welcome to your new thread!

⏲️ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.

⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.

🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1303809605414944879

📝 Have more to share? Add more details, code, screenshots, videos, etc. below.

[versed sandal]

Hi there

[bleak hawk]

hi

[versed sandal]

No don't believe that prop is deprecated

Do you see any sort of error in your console?

Are you seeing the ConnectPayouts component render at all?

[bleak hawk]

nope no error on console. and yea it is rendered correctly

but the function was never called

[versed sandal]

Huh can you show me your full code snippet?

[bleak hawk]

yea sure

import React from 'react';
import { ConnectPayouts as StripeConnectPayouts } from '@stripe/react-connect-js';

// https://docs.stripe.com/connect/supported-embedded-components/payouts
function ConnectPayouts({ onLoaderStart = () => {} }) {
    return <StripeConnectPayouts onLoaderStart={onLoaderStart} />;
}


<ConnectComponentsProvider stripePublicKey={payout.stripe_public_key} fetchClientSecret={fetchClientSecret}>
                <div className="rounded bg-neutral-80 px-xs py-sm">
                    <div className="bg-white rounded popout-surface p-xs">
                        <ConnectPayouts onLoaderStart={test} />
                    </div>
                </div>
            </ConnectComponentsProvider>

[versed sandal]

What dose your test function look like?

[bleak hawk]

const test = () => {
        console.log('calling test');
    };

[versed sandal]

Can you try just doing onLoaderStart={()=> console.log("calling test")}

[bleak hawk]

ok let me try

still not calling

[versed sandal]

Okay give me a minute to see if I can repro

[bleak hawk]

alright thanks a lot

[versed sandal]

Interesting -- I'm seeing the same thing you are.

Give me a few more mins to investigate

[real rampart]

From our Stripe react reference, I see that onLoaderStart is only availalbe for a couple select components. Looking in to if there is an equivalent restrction for connect.js https://docs.stripe.com/sdks/stripejs-react#element-components

As best I can tell, this should fire for the ConnectPayouts component and it not firing right now is a bug. We are filing a bug report to address this

[bleak hawk]

thanks. do you know roughly when it will be fixed?

[real rampart]

Unfortunately I do not, but if you write in to support and DM me your email address I can connect you with someone that can update you on the progress of the fix.

[bleak hawk]

great i had written in to striep support and i will dm you my email to stay updated