CrossmintPayButton集成报错无具体信息，如何排查及获取支付事件详情？

问题描述 #

我在集成@crossmint/client-sdk-react-ui包中的CrossmintPayButton组件时，点击按钮能打开Crossmint支付网关，但会报错，且没有具体错误信息无法回溯问题。想问下是否有人遇到过类似问题？Crossmint团队能否提供帮助？

初始组件配置 #

<CrossmintPayButton
  collectionId="c0fd62fc-cb1b-4242-9d60-c55834cf85a0"
  environment="staging"
  getButtonText={(connecting) => (connecting ? "Connecting" : title)}
  mintConfig={{
    type: "erc-721",
    totalPrice: "100",
    amount: [1],

    // Custom values
    EventNFTCollectionAddress: "0xba872bfc6fb9b7f67a6b28cc018210a523982797",
    ticmintDisplayAmount: "1",
    ticketType: ["79b4b2b9-ad69-41f7-af11-100902756c4b"],
    seatNumbers: [],
    serverSignature: "0x48687d282116f41fa6c553eb1d7d379fffea75dc49c47758ddc8de51460d61ba1b0fa09ad9febb6c78ab88fb7c24561b6109824e713655376e23aaa8f4241a491c",
    to: "0xC8efCcCb0514ca741f85Fd638150384dbcB9877C",
  }}
  projectId="2b9e972d-c6ce-458d-a772-b3000dd45641"
  {...buttonProps}
/>

buttonProps={{ className: "crossmint-pay-button" }}

错误情况 #

• 多数情况下出现错误：支付网关加载失败，无具体错误提示
• 偶尔出现另一种错误，无需修改配置即可自行恢复

预期结果 #

Crossmint支付按钮可正常展示商品并完成完整支付流程

编辑记录 #

编辑2：更新后的组件配置 #

<CrossmintPayButton
  {...buttonProps}
  collectionId="c0fd62fc-cb1b-4242-9d60-c55834cf85a0"
  environment="staging"
  getButtonText={(connecting) => (connecting ? "Connecting" : title)}
  mintConfig={{
    type: "erc-721",
    totalPrice: "1",
    EventNFTCollectionAddress:
    "0x3023abd5abe9e54edbd3eda6b5fe08809e1bce90",
    ticketType: ["70231b9d-60ad-4a9f-849b-0c788f69fe19"],
    amount: [1],
    seatNumbers: [],
    ticmintDisplayAmount: "1",
    quantity: "1",
    serverSignature: "0x48687d282116f41fa6c553eb1d7d379fffea75dc49c47758ddc8de51460d61ba1b0fa09ad9febb6c78ab88fb7c24561b6109824e713655376e23aaa8f4241a491c",
    to: "0xC8efCcCb0514ca741f85Fd638150384dbcB9877C",
  }}
  projectId="2b9e972d-c6ce-458d-a772-b3000dd45641"
/>

编辑3 #

问题已解决，感谢帮助。

编辑4 #

除了重定向URL之外，是否有其他方式获取CrossmintPayButton组件的支付事件或支付成败的详细信息？

建议 #

Crossmint的开发者文档需要优化。

内容的提问来源于stack exchange，提问作者Mohammed Ferbin Karumannil