Fixed linter and load time errors

.eslintrc.yml

+---
 env:
   browser: true
   es2021: true
 extends:
-  - 'plugin:react/recommended'
+  - plugin:react/recommended
   - airbnb
   - plugin:@typescript-eslint/recommended
 parser: '@typescript-eslint/parser'
@@ -13,32 +14,31 @@ parserOptions:
   sourceType: module
 settings:
   import/resolver:
-    - typescript: {}
+    typescript: {}
 plugins:
   - react
-  - react-hooks
   - '@typescript-eslint'
-rules: 
-  no-use-before-define: off
-  '@typescript-eslint/no-use-before-define': error
-  react-hooks/rules-of-hooks: error
-  react-hooks/exhaustive-deps: warn
+  - react-hooks
+rules:
+  no-use-before-define: 'off'
+  '@typescript-eslint/no-use-before-define':
+    - error
   react/jsx-filename-extension:
-    - 1
+    - warn
     - extensions:
-      - ".tsx"
-  import/prefer-default-export: 'off'
-  
+        - '.tsx'
   import/extensions:
     - error
     - ignorePackages
-    - {
-      js: never,
-      jsx: never,
+    - ts: never
       tsx: never
-    }
-  no-shadow: "off"
-  '@typescript-eslint/no-shadow': error
-
-
-
+  no-shadow: 'off'
+  '@typescript-eslint/no-shadow':
+    - error
+  '@typescript-eslint/explicit-function-return-type':
+    - error
+    - allowExpressions: true
+  react-hooks/rules-of-hooks: error
+  react-hooks/exhaustive-deps: warn
+  import/prefer-default-export: 'off'
+  react/prop-types: 'off'