Next.js中Script标签无法加载内容但React中正常工作的问题求助

大家好，我最近碰到个棘手的问题，想请教下社区里的大佬们：我自己写了一个React小部件，打算通过脚本标签引入到项目里用，在纯React项目中一切正常，但换到Next.js项目后，却死活加载不出部件的内容。

React 实现 #

在React项目里，我用react-helmet来引入部件的CSS和脚本文件，代码如下，运行后页面能正常显示部件的内容：

import React from "react";
import { Helmet } from "react-helmet";

const Dust = () => {
  return (
    <div>
      <Helmet>
        <link
          href="https://master--testasdfasdfadsf.netlify.app/widget/index.css"
          rel="stylesheet"
        />
        <script
          async
          src="https://master--testasdfasdfadsf.netlify.app/widget/index.js"
        ></script>
      </Helmet>
    </div>
  );
};

export default Dust;

Next.js 实现 #

到了Next.js项目里，我按照官方文档改用了next/script组件来加载脚本，但不管怎么调试都看不到部件内容，目前我的代码大概是这样的：

import Image from "next/image";
import { Inter } from "next/font/google";
import Script from "next/script";
// 后续的组件逻辑代码...

我尝试过调整Script组件的加载策略（比如beforeInteractive、afterInteractive这些选项），但还是没有效果。有没有人遇到过类似的情况？或者Next.js中引入外部自定义脚本有什么我没注意到的特殊规则吗？

备注：内容来源于stack exchange，提问作者Dhamala.Upendra