Error n.component is not a function when using @pipedream/connect-react

Pipedream API / CLI
1

Hi everyone ,

I’m integrating Pipedream Connect into my React app using @pipedream/connect-react and createFrontendClient. The client initializes correctly and my backend generates a valid connect token (confirmed in logs). However, when I try to render a Connect component (e.g., Gmail), I get this error in the console:

Error: n.component is not a function
    at queryFn (@pipedream_connect-react.js:18887:22)

Here’s a simplified version of my setup:

const { component, error, isLoading } = useConnectComponent({
  app: "gmail",
  client,
});

console.log("Component:", component, "Error:", error, "Loading:", isLoading);
  • component is always undefined
  • error is null
  • The token fetch works fine, and I see a valid ctok_... returned
  • But loading the app UI fails with the error above

It seems like the SDK is not resolving the app to a valid UI component.

My questions:

  1. Is this error usually caused by a wrong app slug (gmail, slack, etc.)?
  2. Do I need to pass additional scopes when generating the token in backend?
  3. Could it be related to environment mismatch (development vs production)?