NextJS アプリのストライプ要素が表示されない

Question

nextJSをベースにストライプのWeb要素(カード)を組み込んだアプリケーションを開発しているのですが、これらの要素が表示されません。調べてみると空っぽでした。他の ReactJS アプリでは正常に動作しますが、コードは同じですが、ここでは動作しません。私が何を間違えたのでしょうか？

リーリー リーリー

カード要素が表示されないので、cardElementも試してみました。

Answer 1

問題はおそらく、async 関数loadStripePromise() を呼び出して loadStripe を呼び出して ストライププロミス

を非同期的に初期化することに関連していると考えられます。

要素を正しく初期化するには、loadStripe を同期的に実行する必要があると思います。ドキュメント ここ

に例があります。 リーリー