Authfunctions React

import React, { useState } from 'react'
import { login } from "@authfunctions/react"

export default function Login() {
  const [name, setName] = useState("");
  const [mail, setMail] = useState("");
  const [password, setPassword] = useState("");
  const [err, setErr] = useState("");
  return (
    <>
      <input
        onChange={(e) => setName(e.target.value)}
        value={name}
        placeholder="name"
      />
      <input
        onChange={(e) => setMail(e.target.value)}
        value={mail}
        placeholder="mail"
      />
      <input
        onChange={(e) => setPassword(e.target.value)}
        value={password}
        placeholder="password"
      />
      <button onClick={onLogin}>login</button>
      <br />
      <p>{err}</p>
    </>
  )
}
Wandering Walrus