Material ui の Modal のサンプルを TypeScript にコピペしたら JSX でインラインスタイルの指定に CSS のオブジェクトを渡している箇所で形エラーになってしまった const style = { // インラインスタイルに使う CSS }; const MyComponent = () => { return <div style={style} /> // => style={style} の箇所が型エラーになる } 環境 typescript@4.1.6 react@17.0.2 @mui/material@5.2.7 結論 通常の JSX にCSS のオブジェクトを渡す際は React.CSSProperties の型をつける Material UI の sx に渡す CSS のオブジェクトは as const するか SxProps<Theme> の
![React TypeScript Material UI のインラインスタイルで型エラーにハマる - かもメモ](https://cdn-ak-scissors.b.st-hatena.com/image/square/e6dbfd3f72f3ef673d2b755ef497d1171025e201/height=288;version=1;width=512/https%3A%2F%2Fm.media-amazon.com%2Fimages%2FI%2F41GO68o5V5S._SL500_.jpg)