React開発において、コンパイル時とvscodeのlintの設定があっていない

Question

前提

TypeScript、Reactを使ったフロント開発をしています。
プロジェクト管理としてnxを導入していて、1プロジェクトとして上記フロント部分を作成しています。
スタイリングとして@emotion/reactを導入していますが、これに関するエラーが表示されています。

発生している問題・エラーメッセージ

型 '{ children: Element; css: SerializedStyles; }' を型 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>' に割り当てることはできません。
  プロパティ 'css' は型 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>' に存在しません。ts(2322)

なお、コンパイル時はエラーは表示されず、vscodeのlintでのみエラーが表示されています。
エラーメッセージに記載している内容の対処としてtsconfig.jsonに下記文言を記載することでコンパイルは通るようになり、vscodeでは引き続き表示されているため、読み込まれているtsconfig.jsonの違いがあるかと考えています。

    "types": ["@emotion/react/types/css-prop"]

コンパイルは通るので開発が止まることはないのですが、不要なlintからのエラーが表示され開発効率が落ちているため改善したいと考えています。

該当のソースコード

<div css={rootStyle}>{props.children}</div>

試したこと

開発用nodeコンテナの再起動やvscodeの再起動を試しましたが、改善しませんでした。

補足情報（FW/ツールのバージョンなど）

• docker：4.21.1
• vscode：1.80.0
• Dev Container：0.299.0
• react：18.2.0
• @emotion/react：11.11.1

Answer 1

nxのworkspaceを再生成し、既存コードを移植することでvscodeでもエラーが出なくなりました。
電波が悪い環境で作成していたのでどこか破損していたのかもしれません。