Simple PlaidLink Example

LinkBankButton.tsx

import * as React from 'react';
import { Button } from 'antd';
import { PlaidLink, usePlaidLink } from 'react-plaid-link';

export const LinkBankButton = () => {

    const [token, setToken] = React.useState<string>("");

    React.useEffect(() => {
        async function loadToken() {
            let x = await (await fetch("/create_link_token", {method: "post"})).json()
            console.log(x)
            if (x.token !== "") {
                setToken(x.token)
            }
        }
        if (token === "") {
            loadToken()
        }
    })

    const onSuccess = React.useCallback((pubToken, metadata) => {
        // Send this token to your server
        console.log(pubToken)
    }, []);

    const config = {
        token: token,
        env: 'development',
        onSuccess,
    };
    const { open, ready, error } = usePlaidLink(config);

    return (
        <Button type="primary" onClick={() => open()} disabled={token === ""} className="login-form-button" > Link Bank </Button>
    );
}

Worked perfectly! Thanks.

Worked perfectly! Thanks.

np!