useSignInEmailPassword()
Overload 1 of 2
Email and Password Sign-In
Parameters
This overload doesn't accept any arguments.
Examples
const {
signInEmailPassword,
isLoading,
needsEmailVerification,
needsMfaOtp,
sendMfaOtp,
isSuccess,
isError,
error,
user
} = useSignInEmailPassword()
import { useState } from 'react'
import { useSignInEmailPassword } from '@nhost/react'
const Component = () => {
const [email, setEmail] = useState('')
const [password, setPassword] = useState('')
const {
signInEmailPassword,
isLoading,
isSuccess,
needsEmailVerification,
isError,
error
} = useSignInEmailPassword()
return (
<div>
<input
value={email}
onChange={(event) => setEmail(event.target.value)}
placeholder="Email"
/>
<input
value={password}
onChange={(event) => setPassword(event.target.value)}
placeholder="Password"
/>
<button onClick={() => signInEmailPassword(email, password)}>
Register
</button>
{isSuccess && <div>Authentication suceeded</div>}
{needsEmailVerification && (
<div>
You must verify your email to sign in. Check your mailbox and follow
the instructions to verify your email.
</div>
)}
</div>
)
}
Overload 2 of 2
Email and Password Sign-In
Parameters
email optional string
password optional string
otp optional string
Examples
const {
signInEmailPassword,
isLoading,
needsEmailVerification,
needsMfaOtp,
sendMfaOtp,
isSuccess,
isError,
error,
user
} = useSignInEmailPassword()
import { useState } from 'react'
import { useSignInEmailPassword } from '@nhost/react'
const Component = () => {
const [email, setEmail] = useState('')
const [password, setPassword] = useState('')
const {
signInEmailPassword,
isLoading,
isSuccess,
needsEmailVerification,
isError,
error
} = useSignInEmailPassword()
return (
<div>
<input
value={email}
onChange={(event) => setEmail(event.target.value)}
placeholder="Email"
/>
<input
value={password}
onChange={(event) => setPassword(event.target.value)}
placeholder="Password"
/>
<button onClick={() => signInEmailPassword(email, password)}>
Register
</button>
{isSuccess && <div>Authentication suceeded</div>}
{needsEmailVerification && (
<div>
You must verify your email to sign in. Check your mailbox and follow
the instructions to verify your email.
</div>
)}
</div>
)
}