Update Plaid Link Component

src/components/PlaidLink/index.native.js

@@ -1,55 +1,46 @@
-import React from 'react';
+import {useEffect} from 'react';
 import {NativeEventEmitter} from 'react-native';
-import {openLink} from 'react-native-plaid-link-sdk';
+import {openLink, useDeepLinkRedirector} from 'react-native-plaid-link-sdk';
 import Log from '../../libs/Log';
 import CONST from '../../CONST';
 import nativeModule from './nativeModule';
 import {plaidLinkPropTypes, plaidLinkDefaultProps} from './plaidLinkPropTypes';
 
-class PlaidLink extends React.Component {
-    constructor(props) {
-        super(props);
-        this.listener = undefined;
-    }
 
-    componentDidMount() {
+const PlaidLink = (props) => {
+    let listener;
+    useDeepLinkRedirector();
+    useEffect(() => {
         const emitter = new NativeEventEmitter(nativeModule);
-        this.listener = emitter.addListener('onEvent', this.onEvent.bind(this));
+        listener = emitter.addListener('onEvent', (event) => {
+            Log.info('[PlaidLink] Handled Plaid Event: ', false, event);
+            if (event.eventName === CONST.PLAID.EVENT.ERROR) {
+                props.onError(event.metadata);
+            } else if (event.eventName === CONST.PLAID.EVENT.EXIT) {
+                props.onExit();
+            }
+        });
 
         openLink({
             tokenConfig: {
-                token: this.props.token,
+                token: props.token,
             },
             onSuccess: ({publicToken, metadata}) => {
-                this.props.onSuccess({publicToken, metadata});
+                props.onSuccess({publicToken, metadata});
             },
         });
-    }
-
-    componentWillUnmount() {
-        if (!this.listener) {
-            return;
-        }
 
-        this.listener.remove();
-    }
+        return () => {
+            if (listener) {
+                return;
+            }
 
-    /**
-     * @param {*} event
-     */
-    onEvent(event) {
-        Log.info('[PlaidLink] Handled Plaid Event: ', false, event);
-        if (event.eventName === CONST.PLAID.EVENT.ERROR) {
-            this.props.onError(event.metadata);
-        } else if (event.eventName === CONST.PLAID.EVENT.EXIT) {
-            this.props.onExit();
-        }
-    }
+            listener.remove();
+        };
+    }, []);
 
-    render() {
-        return null;
-    }
-}
+    return null;
+};
 
 PlaidLink.propTypes = plaidLinkPropTypes;
 PlaidLink.defaultProps = plaidLinkDefaultProps;