This package is to be used when authenticating with Tokenproof in a React environment.
- Context provider for configuring keys
- Utility methods provided from TokenProof:
login,logout,close,loginButton,setEvents
# npm
npm install react-tokenproof
# yarn
yarn add react-tokenproof
# pnpm
pnpm install react-tokenproof
In order to use react-tokenproof you will need to have a React environment setup.
The current version of this package leverages a TokenProofProvider to inject a config object:
<TokenProofProvider config={{
appId: 'my-app-id',
webhook: 'https://my-webhook.com',
}}>
<App />
</TokenProofProvider>
After adding & configuring the TokenProofProvider, pull in the useTokenProof. You can use the following methods:
const { login, logout, close, loginButton, setEvents } = useTokenProof();
Set the onNonce and/or onVerify callbacks using setEvents on load of the component
useEffect(() => {
setEvents({
onNonce: (nonceEvent) => console.log("onNonce:", nonceEvent),
onVerify: (verifyEvent) => console.log("onVerify:", verifyEvent),
})
}, []);
Now you can authenticate/login and utilize the Tokenproof utility methods.