options.appearance.theme
につく型の説明として、
"stripe" | "night" | "flat" | "none" | undefined
:書かれている文字列リテラルのどれかかundefined
かが期待されているstring
:何かしら文字列が期待されている
となっているところ、前者の型がつく場所に後者の型がつく値を代入しようとしているのでエラーになっていそうです。後者の型は任意の文字列を許している一方、前者はそうではないからです。
で、前者の型は Elements
を提供している @stripe/react-stripe-js
から来ていて後者の型は引数に渡している変数 options
から来ているので、自分で用意している options
の型を明示的に詳細に付けてあげると良さそうです。
質問文文字列リテラルを渡している箇所でも、そこで型注釈なしにあるプログラムだと options
の推論される型は { clientSecret: string; appearance: { labels: string; }; }
が付きそうなのであることにそうなっ注意してないのがパッとください。後から変更されうるからです。簡単には分かりませんが、とりあえず方針としては上記のもので良いはずStripeElementsOptions
で型注釈してあげると良さそうです。