Fixed issue for fetching user profile

Author: TOPOFGR

src/pages/Profile/index.jsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useState, useEffect } from 'react';
 import { useSelector, shallowEqual } from 'react-redux';
 
 import { useFormatMessage } from 'hooks';
@@ -8,12 +8,18 @@ import ChangePassword from './ChangePassword';
 
 const Profile = () => {
   const { userData } = useSelector(
-    state => ({
-      userData: state.auth.userData
+    (state) => ({
+      userData: state.auth.userData,
     }),
     shallowEqual
   );
 
+  const [profile, setProfile] = useState(userData);
+
+  useEffect(() => {
+    setProfile(userData);
+  }, [userData]);
+
   return (
     <>
       <section className="hero is-hero-bar">
@@ -22,7 +28,13 @@ const Profile = () => {
         </div>
       </section>
       <section className="section is-main-section">
-        <UserForm isEditing isProfile userData={userData} action={modifyUser} />
+        <UserForm
+          isEditing
+          isProfile
+          user={profile}
+          setUser={setProfile}
+          action={modifyUser}
+        />
         <ChangePassword />
       </section>
     </>