//... <div className={Signupstyles.updateform_main}> <div> <h1 className={Signupstyles.form_title}> Please Login</h1> <form onSubmit={handleSubmit(onSubmit)}> <div className={Signupstyles.product_link_info}> <input defaultValue="" className={Signupstyles.getstartedinput} {...register('email')} placeholder="Email" type="text" required /> <input defaultValue="" className={Signupstyles.getstartedinput} {...register('password')} placeholder="password" type="password" /> </div> { loading ? <button style={{ marginBottom: '20px', }} type="submit" className="bg-[#f64900] hover:bg-[#f64900] text-[#fff] font-semibold hover:text-[#fff] py-2 px-4 border border-[#f64900] hover:border-transparent rounded" > Loading... </button> : <button style={{ marginBottom: '20px', }} type="submit" className="bg-[#f64900] hover:bg-[#f64900] text-[#fff] font-semibold hover:text-[#fff] py-2 px-4 border border-[#f64900] hover:border-transparent rounded" > Login </button> } </form> <span> Don't have an account yet?{' '} <span style={{ color: 'red' }} onClick={() => router.push('/signup')} > Signup </span>{' '} </span> <div style={{ marginTop: '20px', color: 'red' }}> {passwordcheck && <span>Wrong Details!</span>} </div> </div> </div> //...