Magic Link email validation and error handling

const [email, setEmail] = useState("")

<Input // shadcn component
    id="email"
    type="email" // this doesnt help with validation because using onClick not submission
    name="email"
    placeholder="Enter email"
    autoFocus
    required
    onChange={(e) => setEmail(e.target.value)} />

<Button onClick={async () => {
    await authClient.signIn.magicLink({ // how can i add error handling? do i wrap in try-catch?
        email: email,
        callbackURL: "/dashboard"
    })
}}>Submit</Button