Access Denied about react-native-plaid-link HOT 10 CLOSED

import React from "react";
import { WebView, WebViewIOSLoadRequestEvent, WebViewProperties } from "react-native";
import parse from "url-parse";

const encodeParams = (params: Object) =>
  Object.entries(params)
    .filter(([k, v]) => v != null)
    .map(([k, v]) => `${k}=${encodeURIComponent(v)}`)
    .join("&");

interface Props extends WebViewProperties {
  publicKey: string;
  env: "development" | "sandbox" | "production";
  product: string;
  clientName?: string;
  webhook?: string;
  selectAccount?: boolean;
  onSuccess?: (e: any) => void;
  onExit?: (e: any) => void;
}

export default class PlaidAuthenticator extends React.Component<Props> {
  static defaultProps = {
    selectAccount: false
  };

  handleLoadRequest = (e: WebViewIOSLoadRequestEvent) => {
    if (e.url.includes("postMessage")) {
      return false;
    }
    if (e.url.startsWith("plaidlink")) {
      const parsed = parse(e.url, true);

      if (parsed.host === "connected") {
        this.props.onSuccess && this.props.onSuccess(parsed.query);
      } else if (parsed.query && parsed.query.event_name === "EXIT") {
        this.props.onExit && this.props.onExit(parsed.query);
      }
      return false;
    }
    return true;
  };

  render() {
    const {
      publicKey,
      selectAccount,
      env,
      product,
      clientName,
      style,
      webhook,
      onSuccess,
      onExit,
      ...rest
    } = this.props;

    const params = {
      key: publicKey,
      apiVersion: "v2",
      env,
      product,
      clientName,
      isWebview: true,
      isMobile: true,
      selectAccount,
      webhook
    };

    const uri = `https://cdn.plaid.com/link/v2/stable/link.html?${encodeParams(params)}`;

    return (
      <WebView
        {...rest}
        source={{ uri }}
        onShouldStartLoadWithRequest={this.handleLoadRequest}
        originWhitelist={["plaidlink://", "https://"]}
      />
    );
  }
}