我正在使用Reactjs和Nextjs框架。现在我有一个表单，并希望获得输入类型的文本值，我在屏幕上得到以下错误

TypeError: Cannot read property 'useState' of null

下面是我目前的代码：

<form onSubmit="{check_login}">

  <div className="form-group">
    <label>Username or email *</label>
    <input
      type="text"
      name="email"
      className="form-control p_input"
      onChange="{handleEmail}"
      value="{state.email}"
    />
  </div>

  <div className="text-center">
    <button
      type="submit"
      className="btn btn-primary btn-block enter-btn"
    >Login</button>
  </div>
</form>

对于get value，我使用以下代码：

const [state, setState] = useState({ email: "", password: "" });

const handleEmail = (e: any) => {
  const value = e.target.value;
  setState({
    ...state,
    [e.target.name]: value,
  });
};

const check_login = (e: any) => {
  e.preventDefault();
  const email = state.email;
  alert("email is " + email);
};

如何修复此错误？