import * as React from "react"; import Head from "next/head"; import { useForm, SubmitHandler } from "react-hook-form"; import styles from "../styles/login.module.css"; interface User { name: string; } interface LoginFormValues { username: string; password: string; remember: boolean; } export default function Page() { const [user, setUser] = React.useState(null); const { register, handleSubmit, formState: { errors }, } = useForm(); const onSubmit: SubmitHandler = ({ username, password, remember, }) => { setUser({ name: username }); }; return (
Login {user ? (

Welcome back, {user.name}!

) : (

Login

{errors.username && ( {errors.username.message} )}
{errors.password && ( {errors.password.message} )}
)}
); }