diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 9130ea6..5ef715e 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -1,5 +1,6 @@
 import { useState, useEffect } from 'react';
 import axios from 'axios';
+import RegisterForm from "./components/Register"
 
 function UserData() {
   const [users, setUsers] = useState([]);
@@ -63,6 +64,7 @@ function UserData() {
           ))}
         </ul>
       </div>
+      <RegisterForm />
     </div>
   );
 }
diff --git a/frontend/src/components/Register.jsx b/frontend/src/components/Register.jsx
index 31e2c41..a83de33 100644
--- a/frontend/src/components/Register.jsx
+++ b/frontend/src/components/Register.jsx
@@ -1,6 +1,6 @@
 // RegisterForm.js
 
-import React, { useState } from 'react';
+import { useState } from 'react';
 import axios from 'axios';
 
 function RegisterForm() {