React + TypeScript (craete-react-appは未使用)の環境にeslintをインストールしたときのメモです。
セットアップが面倒かと思っていたのですが、`npx eslint --init`するだけで必要なnpmパッケージも自動でインストールされるし非常に簡単でした。
...
## エラーの内容
TypeScriptで、styled-componentsをimportすると、TS7016エラーが発生した。
```language-bash
TS7016: Could not find a declaration file for module 'styled-components'.
'...node_modules/styled-components/dist/styled-co...
## 発生した問題
ReactのコンポーネントでtextAlignのスタイルを適用としたところ、エラーが発生した。
```language-js
const App = () => {
const divStyle = {
textAlign: 'right',
}
return (
hello
);...
## 発生したエラー
React + TypeScriptの環境で、MUIをしようとしたところ、import文で`'@mui/...'`をインポートするところで`TS2792`エラーが発生した。
- プログラム
```language-typescript
import Button from '@mui/material/Button';
```...
TypeScriptを使ってReactのコードを書いているときに、onKeyPressイベントに対するイベントオブジェクトの型指定方法です。
この例では、Inputタグに対するキーボードイベントを処理したいので、`React.KeyboardEvent`の型指定を行っています。
```lan...
## 発生したエラー
TypeScriptで、オブジェクト型の変数に対してlengthを取得しようとすると、`TS2339`エラーが発生する。
- コード(react)
```language-js
type UsersType {
...
};
const [user, setUser] = React.useState();
if (us...
## 発生したエラー
webpackでTypeScriptのプログラムをビルとしようとしたところ、`'tsconfig.json' is empty`のエラーが発生した。
```language-bash
$ npx webpack --config ./webpack.config.dev.js
asset main.js 1.58 KiB [emitted] (name:...
create-react-appを使ってTypeScriptのReactプロジェクトを、カレントディレクトリ作成するコマンドです。
```language-bash
npx create-react-app . --template typescript
npm start
```