typescript flat()のエラー

Question

jsxをtsx&hooksに直しています。
下記の構文を修正したらflat()のとこが以下のエラーになりました。
解決方法がわからないので教えて欲しいです

Property 'flat' does not exist on type 'any[]'

  const onClick = (groups: Groups[]) => {
     setState({
      ...state,
      Groups: [...state.Groups, groups].flat(),
    });
  };

Answer 1

Array.prototype.flatは、ES2019で追加された関数です。そのため、TypeScriptで使うには、tsconfig.jsonにlib: ["es2019"]のような指定を追加する必要があります（StackOverflow）。

Comments

[whiwhdiw]

追加しましたがエラーが治りませんでした。

[whiwhdiw]

tsconfig変えたらnpm updateってしなくていいですよね？

[maisumakun]

> tsconfig変えたらnpm updateってしなくていいですよね？

基本的には不要ですが、古いTypeScriptコンパイラだとes2019の定義がついていないかもしれないです。

[whiwhdiw]

ついていないとupdateしなければいけないのでしょうか？

[maisumakun]

そうですね。

[whiwhdiw]

なるほど。違う書き方ってないんですかね？

[maisumakun]

自分でflatの型を宣言する、という解決策もあります（上のStackOverflowにも載っています）。

[whiwhdiw]

interface Array<T> {
flat(): Array<T>;
}

[whiwhdiw]

上記を書いてあげればいいということでしょうか？

[maisumakun]

そうですね。

[whiwhdiw]

書きましたがエラー治らなかったです

[maisumakun]

どこに書きましたか？

[whiwhdiw]

同じファイルの onClickの処理の外側に書きました

[maisumakun]

d.tsファイルとして置かないといけないのではないでしょうか。

[whiwhdiw]

d.tsファイル？
d.tsというファイルを作り、そこに先ほどの定義を書きonClickのファイルでd.tsファイルをimportして呼び出すということでしょうか？