diff --git a/src/components/actions/CreateUserErr.jsx b/src/components/actions/CreateUserErr.jsx
index f54e21d..7e6b87c 100644
--- a/src/components/actions/CreateUserErr.jsx
+++ b/src/components/actions/CreateUserErr.jsx
@@ -1,12 +1,11 @@
 import { Button, Modal } from "react-bootstrap";
 
 function CreateUserErr(props) {
-  const { show } = props;
-  console.log("show", show); // il vaut true
+  const { show, handleSignupClose } = props;
 
   return (
     <>
-      <Modal show={show} onHide={true} centered>
+      <Modal show={show} onHide={handleSignupClose} centered>
         <Modal.Header closeButton>
           <Modal.Title>Erreur</Modal.Title>
         </Modal.Header>
@@ -16,7 +15,7 @@ function CreateUserErr(props) {
         <Modal.Footer>
           <Button
             variant="danger"
-            onClick={() => (show !== true ? false : null)}
+            onClick={handleSignupClose}
           >
             Fermer
           </Button>
diff --git a/src/components/forms/ModalSignUpForm.jsx b/src/components/forms/ModalSignUpForm.jsx
index ab3c111..9c7b9f0 100644
--- a/src/components/forms/ModalSignUpForm.jsx
+++ b/src/components/forms/ModalSignUpForm.jsx
@@ -18,6 +18,10 @@ function ModalSignUpForm(props) {
   });
   const [signUpStatus, setSignUpStatus] = useState("initial");
 
+  const hideModal = () => {
+    setSignUpStatus("initial");
+  }
+
   const handleSubmit = async (event) => {
     event.preventDefault();
     setSignUpStatus("pending");
@@ -109,11 +113,11 @@ function ModalSignUpForm(props) {
         </Modal>
         <CreateUser
           show={signUpStatus === "success"}
-          // modalClose={handleSignupClose}
+          handleSignupClose={hideModal}
         />
         <CreateUserErr
           show={signUpStatus === "error"}
-          // modalClose={handleSignupClose}
+          handleSignupClose={hideModal}
         />
       </div>
     </>