我认为这更像是一个Typescript问题，您可能必须沿着以下语句声明stripe-pricing-table的类型

declare global {
  namespace JSX {
    interface IntrinsicElements {
      stripe-pricing-table: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
    }
  }
}

您是否已经在index.html中导入了pricing-table.js脚本？

<script async src="https://js.stripe.com/v3/pricing-table.js"></script>

我采用这种方法注入嵌入代码：

function stripeEmbed() {
  return {
    __html: `<script async src="https://js.stripe.com/v3/pricing-table.js"></script>
    <stripe-pricing-table pricing-table-id="prctbl_xxxx"
    publishable-key="pk_test_xxxx">
    </stripe-pricing-table>`
  };
}

export function PricingTable() {
  return <div dangerouslySetInnerHTML={stripeEmbed()} />;
}

最后在NextJS中使用了这个

const NextStripePricingTable = ({ pricingTableId, publishableKey, clientReferenceId }) => {
    if (!pricingTableId || !publishableKey) return null
    return (
      <>
        <Script async strategy="lazyOnload" src="https://js.stripe.com/v3/pricing-table.js" />
        <stripe-pricing-table
          pricing-table-id={pricingTableId}
          publishable-key={publishableKey}
          client-reference-id={clientReferenceId}
        />
      </>
    )
  }

从https://zenn.dev/hideokamoto/scraps/c588966247b1f9开始