@privy-io/react-auth
v1.98.4
Published
React client for the Privy Auth API
Downloads
100,858
Readme
@privy-io/react-auth
The Privy React Auth SDK allows you to authenticate your users with Privy in your React app.
Check out our demo!
Changelog
Our changelog contains the latest information about new releases, including features, fixes, and upcoming changes.
We use Semantic Versioning to track changes.
Installing
npm i @privy-io/react-auth
Basic Usage
Setup your integration by wrapping any React components that will use the Privy SDK with the PrivyProvider
. This gives your wrapped components access to the Privy SDK and authentication context.
// Import the PrivyProvider
import {PrivyProvider} from '@privy-io/react-auth';
// Wrap any components that will use the Privy SDK with the PrivyProvider – for example, in your `app` or `index` file
<PrivyProvider
appId="APP_ID_FROM_DASHBOARD"
onSuccess={(user) => console.log(`User ${user.id} logged in!`)}
>
<Component {...pageProps} />
</PrivyProvider>;
Now, from within your React components, you can access the Privy SDK via the usePrivy
hook!
// Import the usePrivy hook
import {usePrivy} from '@privy-io/react-auth';
// Call usePrivy() from inside your React components
const {ready, authenticated, user, login, logout} = usePrivy();