Why is the Pipedream Connect Frontend Client Throwing a 'Connect Account Popup Blocked' Error and Failing to Update the Parent After Completing the OAuth Flow?

This topic was automatically generated from Slack. You can find the original thread here.

Hey team,
I’m running into an issue with the Pipedream Connect frontend client.

• When I trigger Connect through the injected iframe, the popup does open, but the SDK still throws a connect account popup blocked error.
• Because of this, completing the OAuth flow in the popup doesn’t propagate any updates back to the modal / parent.
• If I bypass the iframe and open the Connect URL directly via browser.open, the flow completes, but that leads to awkward nested popups.
Creating the client:

const pipedream = createFrontendClient({
    externalUserId: orgId,
    tokenCallback,
});

Calling the client:

const handleConnectService = () => {
        pipedream?.connectAccount({
            app: nameSlug,
            onSuccess: (res) => {
                console.log(res);
            },
            onError: (err) => {
                console.log(err);
            },
            onClose: (status) => {
                console.log(status);
            },
        });
    };

Thanks!

Hello , I couldn’t reproduce the behavior from your information.

Pipedream has a Connect Demo site here with example config and code for you to follow to implement your own solution. I believe it should be a helpful guide for you.

This quickstart might be even simpler, it highlights just the auth flow: pipedream-connect-examples/managed-auth-basic-next-app at master · PipedreamHQ/pipedream-connect-examples · GitHub

Thanks both!

Took me way to long to figure this out, but I just needed to change my cross-origin-opener-policy from same-origin to same-origin-allow-popups

Good catch, seems like it’s maybe worth flagging that in our docs!

I’ve created a PR here to flag this on Pipedream Connect docs: Improve Pipedream Connect docs to add solution for the Pipedream Connect popup not opening by vunguyenhung · Pull Request #18179 · PipedreamHQ/pipedream · GitHub

Ah thank you Leo, but the actually the docs moved to a new repo! (I have a PR open to remove /docs-v2 from the pipedream repo — sorry about that!)

Will ping you separately