Function ConnectComponentsProvider

Context provider that makes Connect instance configuration available to embedded components. Wrap your Connect components with this provider to enable them to access the shared configuration.

Throws

Error if connectInstance is not created via loadConnectAndInitialize

Example

function App() {
  const [connectInstance] = useState(() => {
    const fetchClientSecret = async () => {
      const response = await fetch('/account_session', { method: "POST" });
      const { client_secret: clientSecret } = await response.json();
      return clientSecret;
    };

    return loadConnectAndInitialize({
      publishableKey: 'pk_test_123',
      fetchClientSecret: fetchClientSecret,
      appearance,
    });
  });

  return (
    <ConnectComponentsProvider connectInstance={connectInstance}>
      <ConnectPayouts />
    </ConnectComponentsProvider>
  );
}
  • ConnectComponentsProvider(
        __namedParameters: ConnectComponentsProviderProps,
    ): Element

    Parameters

    • __namedParameters: ConnectComponentsProviderProps

    Returns Element

    JSX.Element

Settings

Member Visibility