fixed countdown

src/Countdown.js

@@ -33,7 +33,7 @@ function Countdown({ duration, onComplete }) {
     }
   }, 1000);
   let seconds = timeLeft % 60;
-  return <div>{seconds}</div>;
+  return <span>{seconds}</span>;
 }
 
 export default Countdown;

src/MyForm.js

@@ -9,7 +9,7 @@ import Countdown from "./Countdown";
 import ImageUpload from "./ImageUpload";
 
 export const MyForm = () => {
-  const [mandato, cambiaMandato] = useState(false);
+  const [mandato, cambiaMandato] = useState(true);
   const [immagineURL, cambiaimmagineURL] = useState(null);
   const { register, handleSubmit } = useForm();
   const onSubmit = ({ testo, autore }) => {
@@ -33,10 +33,27 @@ export const MyForm = () => {
 
   if (mandato) {
     return (
-      <Stack>
+      <div
-        <div>mandato e mo aspetti</div>
+        style={{
-        <Countdown onComplete={() => cambiaMandato(false)} duration={5} />
+          fontFamily: "Lineatura",
-      </Stack>
+          height: "100vh",
+          width: "100%",
+          textAlign: "center",
+        }}
+      >
+        <Typography
+          style={{
+            fontFamily: "Lineatura",
+          }}
+          variant="h2"
+        >
+          mandato!
+        </Typography>
+        <h1 style={{ fontFamily: "LineaturaLight" }}>
+          puoi rimandere un altro messaggio in...
+          <Countdown onComplete={() => cambiaMandato(false)} duration={10} />
+        </h1>
+      </div>
     );
   }
   return (