npm install --save react-finch-connect
import React, { useState } from 'react';
import { useFinchConnect } from 'react-finch-connect';
const App = () => {
const [code, setCode] = useState(null);
const onSuccess = ({ code }) => setCode(code);
const onError = ({ errorMessage }) => console.error(errorMessage);
const onClose = () => console.log('User exited Finch Connect');
const { open } = useFinchConnect({
clientId: '<your-client-id>',
// The below are only a few of Finch's product scopes, please check Finch's [documentation](https://developer.tryfinch.com/docs/reference/ZG9jOjMxOTg1NTI3-permissions) for the full list
products: ['company', 'directory'],
// Check Finch's [documentation](https://developer.tryfinch.com/docs/reference/96f5be9e0ec1a-providers) for the full list of payroll provider IDs
// payrollProvider: '<payroll-provider-id>',
// sandbox: false,
// manual: false,
// zIndex: 999,
onSuccess,
onError,
onClose,
});
return (
<div>
<header>
<p>Code: {code}</p>
<button type="button" onClick={() => open()}>
Open Finch Connect
</button>
</header>
</div>
);
};