isac11 https://blog.hatena.ne.jp/isac11/ シェルパ・アンド・カンパニー株式会社　エンジニアブログ https://tech.cierpa.co.jp/ シェルパ・アンド・カンパニー株式会社でプロダクト開発を担当しているペトロフです。開発中に抱えていた課題を踏まえ、Tipsを公開します。 補足 使用するTypeScriptのVersionは5.8.3 使用する@mui/x-data-grid-premiumのVersionは^6.18.1 MUI Grid Data Doc 使用するIDEはVScode やりたいこと 以下のソースではcolumnsとfilterModelではfieldをstring型で自由に設定できます。しかし、columnsとfilterModelのfield値が合わなければ、フィルタ機能は正常に動作しません。そもそもstr… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.cierpa.co.jp%2Fentry%2F2025%2F07%2F17%2F193135" title="MUI DataGridPremiumでcolumnとfilterModelのfield型を連携させて型安全にする - シェルパ・アンド・カンパニー株式会社　エンジニアブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2025-07-17 19:31:35 rich https://tech.cierpa.co.jp/entry/2025/07/17/193135 1.0 100%