当与 reactJS 一起使用时，Modal 附加到底部而不是显示为覆盖（Calendly）

Question

我已将日历添加到我的网站，但在使用自定义按钮时遇到问题。

我正在使用 calendly 脚本加载反应

useEffect(() => {
    const script = document.createElement('script');
  
    script.src = "https://calendly.com/assets/external/widget.js";
    script.async = true;
  
    document.body.appendChild(script);
  
    return () => {
      document.body.removeChild(script);
    }
  }, []);

然后为按钮添加一个 onclick 属性

onClick={() => {window.Calendly.initPopupWidget({url:calendymain});return false;}}

但是，当我单击此按钮时，模态将添加到网页底部，而不是显示为叠加层。

注意：这几个小时前还在工作，但是自从我将它部署到 vercel 后，它在本地和 vercel 上都停止工作了（在此期间没有进行任何更改）

我正在使用 reactJS，tailwindCss