when it comes to setemail and set password I am using to do it

const [email, setEmail] = useState(''); // eslint-disable-line @typescript-eslint/no-unused-vars
const [password, setPassword] = useState(''); // eslint-disable-line @typescript-eslint/no-unused-vars

when it comes to error State You already set the error state in handleSubmit, but it’s not being displayed unless there's an error. This is properly handled with the conditional rendering of

{error && <p className="text-red-500">{error}</p>}