Get started
A library using the plain vanilla javascript @curity/oauth-assistant library and adds React Context and hooks on top of it.
Import library with desired version
"react-curity": "^2.2.12"
Create a useAuth context file
e.g. under 'hooks/useAuth.ts' with following content
import {useContext} from 'react'
import {AuthContext, AuthContextValue} from 'react-curity'
const useAuth = () => useContext<AuthContextValue>(AuthContext as any)
export default useAuthAdd AuthProvider into yout index.tsx as App parent
import {AuthProvider} from 'react-curity'
<AuthProvider curityConfig={AUTH} fetchMe={() => API.get(`${API_URL}/users/me`)}>
<App />
</AuthProvider>Use the hooks in your components
const { loginWithRedirect, registerWithRedirect, logout, user, isAuthenticated } = useAuth()