“错误：zoid 破坏了所有组件？” reactjs nextjs中的错误

Question

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

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

这与 Paypal 按钮“Zoid”依赖项中当前未解决的问题有关，与其处理 React 组件的方式中的错误有关。

目前，有一个开放的 PR尚未完成/批准，但正在解决此问题。解决这个问题后，接下来 Paypal 团队将升级此依赖项以最终修复该错误。

免责声明：我是创建该问题并提交 PR 的人，合并后我将更新此评论。