1 files changed, 7 insertions, 3 deletions

diff --git a/src/components/ui/effects/Appear.tsx b/src/components/ui/effects/Appear.tsx
index 117c02f97..228c7888a 100644
--- a/src/components/ui/effects/Appear.tsx
+++ b/src/components/ui/effects/Appear.tsx
@@ -1,10 +1,10 @@
-import { ReactChildren, useEffect, useState } from 'react';
+import { ReactNode, useEffect, useState } from 'react';
 import ReactCSSTransitionGroup from 'react-addons-css-transition-group';
 
 type Props = {
-  children: ReactChildren;
+  children: ReactNode;
   transitionName: string;
-  className: string;
+  className?: string;
 };
 const Appear = ({
   children,
@@ -36,4 +36,8 @@ const Appear = ({
   );
 };
 
+Appear.defaultProps = {
+  className: '',
+};
+
 export default Appear;