Удалил старые запросы к апи, переписал страницу тестов на новый конструктор запроса. Обновил библиотеки, в том числе реакт до последней версии, переписал устаревший код с библиотек.

package.json

@@ -47,7 +47,8 @@
     "resolve": "1.18.1",
     "resolve-url-loader": "^3.1.2",
     "semver": "7.3.2",
-    "sweetalert2": "^11.4.8"
+    "sweetalert2": "^11.4.8",
+    "ts-loader": "^9.4.2"
   },
   "devDependencies": {
     "@babel/core": "^7.20.12",

src/components/OutstaffingBlock/OutstaffingBlock.js

@@ -4,7 +4,7 @@ import {useDispatch, useSelector} from 'react-redux'
 import {
   selectItems,
   selectedItems,
-   profiles,
+  profiles,
 } from '../../redux/outstaffingSlice'
 
 import {apiRequest} from "../../api/request";
@@ -80,40 +80,22 @@ const OutstaffingBlock = (
   });
 
   return (
-      <OutsideClickHandler
+      <OutsideClickHandler onOutsideClick={() => isSelected && onSelect(null)}>
-          onOutsideClick={() => {
+        <div className={`outstaffing-block${isSelected ? ' outstaffing-block__selected' : ''}`}>
-            isSelected && onSelect(null)
+          <div className={`outstaffing-block__img ${selected ? ' outstaffing-block__border' : ''}`}
-          }}
+               onClick={() => handlePositionClick(
-      >
+                   {
-        <div
+                     dispatch,
-            className={`outstaffing-block${
+                     positionId,
-                isSelected ? ' outstaffing-block__selected' : ''
+                     isSelected,
-            }`}
+                     onSelect,
-        >
+                     apiRequest
-          <div
+                   })
-              className={`outstaffing-block__img ${
+               }>
-                  selected ? ' outstaffing-block__border' : ''
-              }`}
-              onClick={() =>
-                  handlePositionClick({
-                    dispatch,
-                    positionId,
-                    isSelected,
-                    onSelect,
-                    apiRequest
-                  })
-              }
-          >
             <h3>{header}</h3>
             <img className={classes} src={img} alt='img'/>
           </div>
-          <div
+          <div className={`${selected ? 'outstaffing-block__mobile--block' : 'outstaffing-block__mobile--none'}`}          >
-              className={`${
-                  selected
-                      ? 'outstaffing-block__mobile--block'
-                      : 'outstaffing-block__mobile--none'
-              }`}
-          >
             <p className='outstaffing-block__text'># Популярный стек</p>
             {dataTags && (
                 <ul className='outstaffing-block__items'>

tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "target": "es5", // компилируем ts код в js код версии ES5
+    "module": "esnext",
+    // для поддержки динамического импорта модулей
+    "allowSyntheticDefaultImports": true,
+    "jsx": "react"
+  }
+}