set

Author: zzq0826

src/components/Footer/Subscribe/Subscribe.tsx

@@ -19,13 +19,12 @@ export default function Subscribe(props) {
   const [email, setEmail] = useState("")
   const [customMessage, setCustomMessage] = useState("")
   const [emailValid, setEmailValid] = useState(false)
-  const [key, setKey] = useState(0)
-
+  const [mounted, setMounted] = useState(false)
 
   useEffect(() => {
     setTimeout(() => {
-      setKey(key + 1)
-    }, 100)
+      setMounted(true)
+    }, 300)
   }, [props.lang])
 
   useEffect(() => {
@@ -48,8 +47,11 @@ export default function Subscribe(props) {
     setEmail(e.target.value)
   }
 
+  if(!mounted) {
+    return null
+  }
   return (
-    <div key={key} className={clsx(styles.container, "dark:bg-dark-highlight")}>
+    <div className={clsx(styles.container, "dark:bg-dark-highlight")}>
       <div className={styles.subscribeBox}>
         <span className="text-white dark:text-black bg-black dark:bg-white rounded-[50%]">
           <SubscribeSvg></SubscribeSvg>