ESLintの"JSX not allowed in files with extension '.tsx'"エラー

拡張子が'.tsx'のファイルではJSXは許可されないというエラー。

github.com

.eslintrc*ファイル内のrulesに拡張子を追加することで解消できる。

rules: {
+  'react/jsx-filename-extension': [
+    'error',
+    { extensions: ['.js', '.jsx', 'ts', 'tsx'] },
+  ],
},