Link React Native SDK

PlaidLink is the the React component used to open Link from a React Native application. PlaidLink renders a Pressable component, which wraps the component you provide and intercepts onPress events to open Link.

<PlaidLink
  tokenConfig={{
    token: '#GENERATED_LINK_TOKEN#',
  }}
  onSuccess={(success: LinkSuccess) => {
    console.log(success);
  }}
  onExit={(exit: LinkExit) => {
    console.log(exit);
  }}
>
  <Text>Add Account</Text>
</PlaidLink>

The method is called when a user successfully links an Item. The onSuccess handler returns a LinkConnection class that includes the public_token, and additional Link metadata in the form of a LinkConnectionMetadata class.

const onSuccess = (success: LinkSuccess) => {
  fetch('https://yourserver.com/exchange_public_token', {
    method: 'POST',
    body: {
      publicToken: linkSuccess.publicToken,
      accounts: linkSuccess.metadata.accounts,
      institution: linkSuccess.metadata.institution,
      linkSessionId: linkSuccess.metadata.linkSessionId,
    },
  });
};

The onExit handler is called when a user exits Link without successfully linking an Item, or when an error occurs during Link initialization. The PlaidError returned from the onExit handler is meant to help you guide your users after they have exited Link. We recommend storing the error and metadata information server-side in a way that can be associated with the user. You’ll also need to include this and any other relevant info in Plaid Support requests for the user.

const onExit = (linkExit: LinkExit) => {
  supportHandler.report({
    error: linkExit.error,
    institution: linkExit.metadata.institution,
    linkSessionId: linkExit.metadata.linkSessionId,
    requestId: linkExitlinkExit.metadata.requestId,
    status: linkExit.metadata.status,
  });
};

The onEvent callback is called at certain points in the Link flow. Unlike the handlers for onSuccess and onExit, the onEvent handler is initialized as a global lambda passed to the Plaid class. OPEN events will be sent immediately upon Link’s opening, and remaining events will be sent by the time onSuccess or onExit is called. If you need the exact time when an event happened, use the timestamp property.
The following onEvent callbacks are stable, which means that they will not be deprecated or changed: OPEN, EXIT, HANDOFF, SELECT_INSTITUTION, ERROR. The remaining callback events are informational and subject to change.

usePlaidEmitter((event) => {
  console.log(event);
});