3 files changed, 5 insertions, 24 deletions

diff --git a/package-lock.json b/package-lock.json
index 1908a183b..77eeade32 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -63,7 +63,6 @@
         "pretty-bytes": "5.6.0",
         "prop-types": "15.8.1",
         "react": "17.0.2",
-        "react-addons-css-transition-group": "15.6.2",
         "react-color": "2.19.3",
         "react-confetti": "6.1.0",
         "react-dom": "17.0.2",
@@ -77,6 +76,7 @@
         "react-sortable-hoc": "2.0.0",
         "react-tooltip": "4.2.21",
         "react-topbar-progress-indicator": "4.1.1",
+        "react-transition-group": "1.2.1",
         "route-parser": "0.0.5",
         "sanitize-filename": "1.6.3",
         "semver": "7.3.7",
@@ -21398,17 +21398,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/react-addons-css-transition-group": {
-      "version": "15.6.2",
-      "resolved": "https://registry.npmjs.org/react-addons-css-transition-group/-/react-addons-css-transition-group-15.6.2.tgz",
-      "integrity": "sha512-M5AJydHOUGq+YujoQLL8f9mQ0QLqxjqHUpWyvUmWVCYi93iGz53HwNBwzHbr0u21KABoPzyLYZZgMk974uPovw==",
-      "dependencies": {
-        "react-transition-group": "^1.2.0"
-      },
-      "peerDependencies": {
-        "react": "^15.4.2"
-      }
-    },
     "node_modules/react-color": {
       "version": "2.19.3",
       "resolved": "https://registry.npmjs.org/react-color/-/react-color-2.19.3.tgz",
@@ -43960,14 +43949,6 @@
         "object-assign": "^4.1.1"
       }
     },
-    "react-addons-css-transition-group": {
-      "version": "15.6.2",
-      "resolved": "https://registry.npmjs.org/react-addons-css-transition-group/-/react-addons-css-transition-group-15.6.2.tgz",
-      "integrity": "sha512-M5AJydHOUGq+YujoQLL8f9mQ0QLqxjqHUpWyvUmWVCYi93iGz53HwNBwzHbr0u21KABoPzyLYZZgMk974uPovw==",
-      "requires": {
-        "react-transition-group": "^1.2.0"
-      }
-    },
     "react-color": {
       "version": "2.19.3",
       "resolved": "https://registry.npmjs.org/react-color/-/react-color-2.19.3.tgz",
diff --git a/package.json b/package.json
index f993400dd..ec8207417 100644
--- a/package.json
+++ b/package.json
@@ -98,7 +98,7 @@
     "pretty-bytes": "5.6.0",
     "prop-types": "15.8.1",
     "react": "17.0.2",
-    "react-addons-css-transition-group": "15.6.2",
+    "react-transition-group": "1.2.1",
     "react-color": "2.19.3",
     "react-confetti": "6.1.0",
     "react-dom": "17.0.2",
diff --git a/src/components/ui/effects/Appear.tsx b/src/components/ui/effects/Appear.tsx
index 228c7888a..416017c83 100644
--- a/src/components/ui/effects/Appear.tsx
+++ b/src/components/ui/effects/Appear.tsx
@@ -1,5 +1,5 @@
 import { ReactNode, useEffect, useState } from 'react';
-import ReactCSSTransitionGroup from 'react-addons-css-transition-group';
+import { CSSTransitionGroup } from 'react-transition-group';
 
 type Props = {
   children: ReactNode;
@@ -22,7 +22,7 @@ const Appear = ({
   }
 
   return (
-    <ReactCSSTransitionGroup
+    <CSSTransitionGroup
       transitionName={transitionName}
       transitionAppear
       transitionLeave
@@ -32,7 +32,7 @@ const Appear = ({
       className={className}
     >
       {children}
-    </ReactCSSTransitionGroup>
+    </CSSTransitionGroup>
   );
 };