代码总是显示电子邮件错误。react本机中的电子邮件验证错误

import React from 'react';
import { useForm } from 'react-hook-form';
import * as yup from 'yup';

const schema = yup.object().shape({
  email: yup.string().email().required(),
});

const MyForm = () => {
  const { register, handleSubmit, errors } = useForm({
    validationSchema: schema,
  });

  const onSubmit = (data) => {
    // 处理表单提交
  };

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <input type="email" name="email" ref={register} />
      {errors.email && <p>请输入有效的电子邮件地址</p>}
      <input type="submit" value="提交" />
    </form>
  );
};

export default MyForm;

import React from 'react';
import MyForm from './MyForm';

const App = () => {
  return (
    <div>
      <h1>React电子邮件验证示例</h1>
      <MyForm />
    </div>
  );
};

export default App;