如何解决nextjs引入button-publishing时无法解析React模块的问题？

在nextjs项目中使用一款轻量第三方包时，触发报错：Module not found: Can't resolve 'React'

• 尝试引入的包为button-publishing
• 该包对应的源码Git仓库为button-ns
• 包本身仅提供基础hello world示例功能

当前的代码写法如下：

import Test from 'button-publishing'

function HomePage() {
  return <Test/>
}

export default HomePage

• 项目完整运行代码可通过repl平台检索对应项目查看
• 报错实际页面效果：
  

内容的提问来源于stack exchange，提问作者user944513