Skip to main content
質問文の更新に合わせました
ソース リンク
nekketsuuu
  • 2.4万
  • 12
  • 53
  • 117

options.appearance.theme につく型の説明として、

  • "stripe" | "night" | "flat" | "none" | undefined:書かれている文字列リテラルのどれかか undefined かが期待されている
  • string:何かしら文字列が期待されている

となっているところ、前者の型がつく場所に後者の型がつく値を代入しようとしているのでエラーになっていそうです。後者の型は任意の文字列を許している一方、前者はそうではないからです。

で、前者の型は Elements を提供している @stripe/react-stripe-js から来ていて後者の型は引数に渡している変数 options から来ているので、自分で用意している options の型を明示的に詳細に付けてあげると良さそうです。

質問文文字列リテラルを渡している箇所でも、そこで型注釈なしあるプログラムだと options推論される型は { clientSecret: string; appearance: { labels: string; }; } が付きそうなのであることそうなっ注意しないのがパッとください。後から変更されうるからです。簡単に分かりませんがとりあえず方針としては上記のもので良いはずStripeElementsOptions で型注釈してあげると良さそうです。

options.appearance.theme につく型の説明として、

  • "stripe" | "night" | "flat" | "none" | undefined:書かれている文字列リテラルのどれかか undefined かが期待されている
  • string:何かしら文字列が期待されている

となっているところ、前者の型がつく場所に後者の型がつく値を代入しようとしているのでエラーになっていそうです。後者の型は任意の文字列を許している一方、前者はそうではないからです。

で、前者の型は Elements を提供している @stripe/react-stripe-js から来ていて後者の型は引数に渡している変数 options から来ているので、自分で用意している options の型を明示的に詳細に付けてあげると良さそうです。

質問文あるプログラムだと options型は { clientSecret: string; appearance: { labels: string; }; } が付きそうなのそうなっないのがパッと分かりませんがとりあえず方針としては上記のもので良いはずです。

options.appearance.theme につく型の説明として、

  • "stripe" | "night" | "flat" | "none" | undefined:書かれている文字列リテラルのどれかか undefined かが期待されている
  • string:何かしら文字列が期待されている

となっているところ、前者の型がつく場所に後者の型がつく値を代入しようとしているのでエラーになっていそうです。後者の型は任意の文字列を許している一方、前者はそうではないからです。

で、前者の型は Elements を提供している @stripe/react-stripe-js から来ていて後者の型は引数に渡している変数 options から来ているので、自分で用意している options の型を明示的に詳細に付けてあげると良さそうです。文字列リテラルを渡している箇所でも、そこで型注釈なし推論される型は string であること注意しください。後から変更されうるからです。簡単には、StripeElementsOptions で型注釈してあげると良さそうです。

ソース リンク
nekketsuuu
  • 2.4万
  • 12
  • 53
  • 117

options.appearance.theme につく型の説明として、

  • "stripe" | "night" | "flat" | "none" | undefined:書かれている文字列リテラルのどれかか undefined かが期待されている
  • string:何かしら文字列が期待されている

となっているところ、前者の型がつく場所に後者の型がつく値を代入しようとしているのでエラーになっていそうです。後者の型は任意の文字列を許している一方、前者はそうではないからです。

で、前者の型は Elements を提供している @stripe/react-stripe-js から来ていて後者の型は引数に渡している変数 options から来ているので、自分で用意している options の型を明示的に詳細に付けてあげると良さそうです。

質問文にあるプログラムだと options の型は { clientSecret: string; appearance: { labels: string; }; } が付きそうなのにそうなってないのがパッとは分かりませんが、とりあえず方針としては上記のもので良いはずです。