React中表单按钮表现异常问题求助

我开发了一个需要登录后才能访问的信息提交表单，该表单在移动端视图下运行完全正常，但在桌面端网页视图中出现异常。我怀疑问题出在状态管理环节，相关代码如下：

<form className='login-form addAdmin'>
    <h1>Add Health Partner</h1>
    <input 
        type="text" 
        placeholder="Full Name" 
        onChange={e => setName(e.target.value)} 
        required
    />
    <input 
        type="email" 
        placeholder="Email" 
        onChange={e => setEmail(e.target.value)} 
        required
    />
    <input 
        type="number" 
        placeholder="Mobile number" 
        onChange={e => setNumber(e.target.value)} 
        required
    />
    <input 
        type="password" 
        placeholder="Password" 
        onChange={e => setPassword(e.target.value)} 
        required
    />
      
    <input 
        type="text" 
        placeholder="Address" 
        onChange={e => setAddress(e.target.value)} 
        required
    />
    
    <input 
        type="text" 
        placeholder="Specialization" 
        onChange={e => setSpecialization(e.target.value)} 
        required
    />
    <input 
        type="text" 
        placeholder="Experience" 
        onChange={e => setExperience(e.target.value)} 
        required
    />
    
    <button type='submit' onClick={e=>handleSubmit(e)}>
        Add
    </button>
</form>

内容的提问来源于stack exchange，提问作者compli