Next.js 14项目中Netlify表单提交功能无法正常工作的问题求助

大家好，我在Next.js 14项目里配置Netlify表单提交的时候彻底卡壳了！我已经跟着Netlify的官方指引一步步操作：在Netlify后台启用了表单提交功能，还特意在public文件夹里放了一个隐藏的表单模板，但表单就是没法正常提交成功。以下是我目前的配置细节，希望有经验的朋友能帮我排查下问题：

1. public文件夹下的forms.html文件 #

<html>
  <head></head>
  <body>
    <form name="contact" data-netlify="true" hidden>
      <input type="hidden" name="form-name" value="contact" />
      <input name="name" type="text" />
      <input name="email" type="email" />
      <input name="company" type="text" />
      <input name="phone" type="tel" />
      <input name="message" type="text" />
    </form>
  </body>
</html>

2. ContactForm组件代码 #

我的ContactForm组件核心用React的useState管理表单状态，目前写了一部分：

import { useState } from 'react';

function ContactForm() {
  const [state, setState] = useState({
    name: '',
    email: '',
    company: '',
    phone: '',
    message: ''
  });
  // 后续的表单提交逻辑还在完善，但现在连基础的提交动作都没反应
}

我已经确认Netlify后台已经检测到了这个名为"contact"的表单，但每次测试提交时，页面没有任何反馈，Netlify的表单提交记录里也完全看不到新的提交内容。有没有朋友遇到过类似的情况？或者我是不是在某个配置环节漏掉了什么关键步骤？

备注：内容来源于stack exchange，提问作者sivertje