chore: add ts plugin and parser

Author: pchalupa

package-lock.json

@@ -1,5 +1,7 @@
 import expoConfig from 'eslint-config-expo/flat.js'
 import { defineConfig, globalIgnores } from 'eslint/config'
+import typeScriptPlugin from '@typescript-eslint/eslint-plugin'
+import typeScriptParser from '@typescript-eslint/parser'
 
 /** Globally ignored */
 const ignores = globalIgnores(['.expo/', 'expo-env.d.ts'])
@@ -11,14 +13,18 @@ const common = {
     'import/namespace': 'off',
     // Very expensive check
     'import/no-duplicates': 'off',
+    // Handled by TypeScript
+    'import/no-unresolved': 'off',
+    // Handled by TypeScript. Enable noUnusedLocals in your tsconfig.json, see https://www.typescriptlang.org/tsconfig/#noUnusedLocals
+    'no-unused-vars': 'off',
   },
 }
 
 /** @type {import("eslint").Linter.Config} */
 const react = {
   rules: {
     'react/jsx-sort-props': [
-      'warn',
+      'error',
       {
         multiline: 'first',
         reservedFirst: ['key'],
@@ -32,16 +38,24 @@ const react = {
 
 /** @type {import("eslint").Linter.Config} */
 const typescript = {
+  files: ['**/*.ts', '**/*.tsx'],
+  languageOptions: {
+    parser: typeScriptParser,
+    parserOptions: {
+      projectService: true,
+    },
+  },
+  plugins: { '@typescript-eslint': typeScriptPlugin },
   rules: {
-    // Handled by TypeScript, see https://www.typescriptlang.org/tsconfig/#noUnusedLocals
+    // Handled by TypeScript. Enable noUnusedLocals in your tsconfig.json, see https://www.typescriptlang.org/tsconfig/#noUnusedLocals
     '@typescript-eslint/no-unused-vars': 'off',
     // Its common in React Native to import types using require syntax, see https://reactnative.dev/docs/images#static-image-resources
     '@typescript-eslint/no-require-imports': 'off',
 
-    // '@typescript-eslint/consistent-type-imports': [
-    //   'warn',
-    //   { prefer: 'type-imports', fixStyle: 'inline-type-imports' },
-    // ],
+    '@typescript-eslint/consistent-type-imports': [
+      'error',
+      { prefer: 'type-imports', fixStyle: 'inline-type-imports' },
+    ],
   },
 }
 

packages/eslint-config-react-native/index.mjs

@@ -16,7 +16,9 @@
   "main": "index.mjs",
   "type": "module",
   "dependencies": {
-    "eslint-config-expo": "~10.0.0"
+    "eslint-config-expo": "~10.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0"
   },
   "peerDependencies": {
     "eslint": "^9"