diff --git a/packages/components/src/transitions/FadeTransition.tsx b/packages/components/src/transitions/FadeTransition.tsx
index 499c38ea84..66913c7f67 100644
--- a/packages/components/src/transitions/FadeTransition.tsx
+++ b/packages/components/src/transitions/FadeTransition.tsx
@@ -1,7 +1,6 @@
-import CSSTransition, {
-  CSSTransitionProps,
-} from 'react-transition-group/CSSTransition';
-import { EndHandler } from 'react-transition-group/Transition';
+import { CSSTransition } from 'react-transition-group';
+import type { CSSTransitionProps } from 'react-transition-group/CSSTransition';
+import type { EndHandler } from 'react-transition-group/Transition';
 import classNames from 'classnames';
 import ThemeExport from '../ThemeExport';
 
diff --git a/packages/components/src/transitions/SlideTransition.tsx b/packages/components/src/transitions/SlideTransition.tsx
index 2d2b6394fa..492da5a24e 100644
--- a/packages/components/src/transitions/SlideTransition.tsx
+++ b/packages/components/src/transitions/SlideTransition.tsx
@@ -1,9 +1,8 @@
 // SlideTransition class uses CSSTransition with slide-left and slide-right classNames, depending on the prop direction. The transition is 250ms long.
 //
-import CSSTransition, {
-  CSSTransitionProps,
-} from 'react-transition-group/CSSTransition';
-import { EndHandler } from 'react-transition-group/Transition';
+import { CSSTransition } from 'react-transition-group';
+import type { CSSTransitionProps } from 'react-transition-group/CSSTransition';
+import type { EndHandler } from 'react-transition-group/Transition';
 
 import classNames from 'classnames';
 import ThemeExport from '../ThemeExport';