fix: add typecheck + fix type errors

Author: Raubzeug

package-lock.json

@@ -52,6 +52,9 @@
     "test": "react-app-rewired test",
     "eject": "react-scripts eject",
     "prepublishOnly": "npm run package",
+    "typecheck": "npm run typecheck:server && npm run typecheck:ui",
+    "typecheck:server": "tsc -p src/server --noEmit",
+    "typecheck:ui": "tsc -p src/ui --noEmit",
     "prepare": "husky install"
   },
   "lint-staged": {
@@ -78,6 +81,7 @@
     "@commitlint/cli": "^15.0.0",
     "@commitlint/config-conventional": "^15.0.0",
     "@types/lodash": "^4.14.178",
+    "@types/react": "^17.0.44",
     "@types/react-dom": "^17.0.11",
     "@types/react-router": "^5.1.17",
     "@types/react-router-dom": "^5.3.2",
@@ -99,6 +103,6 @@
     "react-app-rewired": "^2.1.11",
     "react-dom": "^17.0.2",
     "stylelint": "^14.3.0",
-    "typescript": "^4.5.4"
+    "typescript": "^4.5.5"
   }
 }

package.json

@@ -20,14 +20,15 @@ import {
     FooterItemIconView,
 } from './constants';
 import i18n from './i18n';
-import {Lang} from 'utils/i18n';
+
 import {getLocalData, setLocalData} from './helpers';
 import {SetSlotsContext, SlotsProvider} from './AsideHeaderFooterSlot/SlotsContext';
 import {SlotName} from './AsideHeaderFooterSlot/AsideHeaderFooterSlot';
 
 import controlMenuButton from '../../assets/icons/control-menu-button.svg';
 
 import './AsideHeader.scss';
+import {Lang} from '../../utils/i18n';
 
 const b = block('nv-aside-header');
 

src/components/AsideNavigation/AsideHeader.tsx

@@ -43,7 +43,7 @@ function Authentication({authenticate, error}: any) {
         authenticate(login, pass);
     };
 
-    const onEnterClick = (e: KeyboardEvent<HTMLInputElement>) => {
+    const onEnterClick = (e: KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {
         if (e.keyCode === 13) {
             onLoginClick();
         }

src/containers/Authentication/Authentication.tsx

@@ -1,12 +1,12 @@
 import React from 'react';
 import cn from 'bem-cn-lite';
 
-import ProgressViewer from 'components/ProgressViewer/ProgressViewer';
-import {formatStorageValuesToGb, stringifyVdiskId} from 'utils';
-import {bytesToGB, bytesToSpeed} from 'utils/utils';
+import ProgressViewer from '../../../components/ProgressViewer/ProgressViewer';
+import {formatStorageValuesToGb, stringifyVdiskId} from '../../../utils';
+import {bytesToGB, bytesToSpeed} from '../../../utils/utils';
 import EntityStatus from '../../../components/EntityStatus/EntityStatus';
 import {valueIsDefined} from './NodeStructure';
-import InfoViewer from 'components/InfoViewer/InfoViewer';
+import InfoViewer from '../../../components/InfoViewer/InfoViewer';
 
 const b = cn('kv-node-structure');
 

src/containers/Node/NodeStructure/Vdisk.tsx

@@ -1,12 +1,9 @@
 {
   "extends": "@yandex-cloud/tsconfig/tsconfig",
   "compilerOptions": {
-    "allowJs": true,
     "outDir": "build/esm",
     "module": "esnext",
     "jsx": "react-jsx",
-    "baseUrl": "src",
-    "importHelpers": true,
     "lib": [
       "dom",
       "dom.iterable",
@@ -18,7 +15,6 @@
     "noEmit": true
   },
   "include": [
-    "src/**/*.ts",
-    "src/**/*.tsx"
+    "src/**/*"
   ]
 }