reactjs - reactjs nextjs 中的 "Error: zoid destroyed all components↵"错误

Question

我在我的 nextjs 应用程序中有这个 Paypal 集成。当我加载页面时，一切都加载良好，但是当我从页面导航并返回时。它抛出一个错误

unhandled_error: zoid destroyed all components↵

Paypal 根本不提供有关此错误的任何其他信息。

我的代码只是一个普通的组件

componentDidMount() {
    paypal
.Buttons({
  createOrder: (data, actions)=> {
    return actions.order.create({
      purchase_units: [{
          amount: {
            currency_code: "USD",
            value: amount,
          },
        }],
    });
  },
  onCancel: function(data){
    //console.log(data)

  },
  onError: function(err){
    console.log(err)
  }
})
.render("#paypal");
 }




<div id="paypal" className=""></div>

我究竟做错了什么

Answer 1

这与当前 open issue 相关在 Paypal Buttons“Zoid”依赖项中，与它处理 React 组件的方式中的错误有关。
目前，有一个 open PR尚未完成/批准，但正在解决此问题。
在此问题解决后，接下来 Paypal 团队将负责升级此依赖项以最终修复错误。
免责声明:我与创建问题并提交 PR 的人相同，一旦合并，我将更新此评论。