fixed dependencies

.eslintrc.js

@@ -30,4 +30,9 @@ module.exports = {
   },
   plugins: ['import', 'react-hooks'],
   parser: '@typescript-eslint/parser',
+  settings: {
+    react: {
+      version: '17',
+    },
+  },
 };

package.json

@@ -3,11 +3,11 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@popperjs/core": "^2.5.4",
+    "@popperjs/core": "^2.11.2",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
     "@testing-library/user-event": "^12.1.10",
-    "@tippy.js/react": "^3.1.1",
+    "@tippyjs/react": "^4.2.6",
     "@types/react-router-dom": "^5.1.7",
     "autosize": "^4.0.2",
     "axios": "^0.21.2",
@@ -28,20 +28,17 @@
     "photoswipe": "^4.1.3",
     "raleway-cyrillic": "^4.0.2",
     "ramda": "^0.26.1",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "react-dropzone": "^11.4.2",
-    "react-hot-toast": "^2.1.1",
+    "react-hot-toast": "^2.2.0",
     "react-lazyload": "^3.2.0",
     "react-masonry-css": "^1.0.16",
     "react-popper": "^2.2.3",
     "react-router": "^5.1.2",
     "react-router-dom": "^5.1.2",
-    "react-scripts": "^5.0.0",
     "react-sortable-hoc": "^2.0.0",
     "react-sticky-box": "^0.9.3",
-    "react-stickynode": "^4.0.0",
-    "sticky-sidebar": "^3.3.1",
     "swiper": "^6.8.4",
     "swr": "^1.0.1",
     "throttle-debounce": "^2.1.0",
@@ -79,7 +76,7 @@
     ]
   },
   "devDependencies": {
-    "@craco/craco": "^6.4.3",
+    "eslint": "^7.32.0",
     "@next/bundle-analyzer": "^12.0.8",
     "@next/eslint-plugin-next": "^12.0.8",
     "@types/classnames": "^2.2.7",
@@ -88,9 +85,11 @@
     "@types/ramda": "^0.26.33",
     "@types/throttle-debounce": "^2.1.0",
     "@types/yup": "^0.29.11",
-    "babel-plugin-transform-imports": "^2.0.0",
-    "craco-alias": "^2.3.1",
+    "@typescript-eslint/eslint-plugin": "^5.10.1",
+    "@typescript-eslint/parser": "^5.10.1",
     "eslint-plugin-import": "^2.25.4",
+    "eslint-plugin-react": "^7.28.0",
+    "eslint-plugin-react-hooks": "^4.3.0",
     "husky": "^7.0.4",
     "lint-staged": "^12.1.6",
     "next-transpile-modules": "^9.0.0",

src/components/input/Button/index.tsx

@@ -1,9 +1,8 @@
 import React, { ButtonHTMLAttributes, DetailedHTMLProps, FC, memo, useMemo } from 'react';
 
-import Tippy from '@tippy.js/react';
+import Tippy from '@tippyjs/react';
 import classnames from 'classnames';
 
-
 import { Icon } from '~/components/input/Icon';
 import { IIcon } from '~/types';
 
@@ -69,7 +68,7 @@ const Button: FC<IButtonProps> = memo(
     );
 
     return (
-      <Tippy content={label || ''} enabled={!!label}>
+      <Tippy content={label || ''} disabled={!label}>
         <button className={computedClassName} {...props}>
           {iconLeft && <Icon icon={iconLeft} size={20} key={0} className={styles.icon_left} />}
           {!!title ? <span>{title}</span> : children}

src/components/lab/LabNodeTitle/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react';
 
-import Tippy from '@tippy.js/react';
+import Tippy from '@tippyjs/react';
 
 import { Group } from '~/components/containers/Group';
 import { Icon } from '~/components/input/Icon';