diff --git a/client/src/components/forms/MemberForm/index.tsx b/client/src/components/forms/MemberForm/index.tsx
index bb8456bb5152cb298cf9a9fc4576e5aba53ef34c..528100a6b43578d3189bb46f0e83dec04621e6dc 100644
--- a/client/src/components/forms/MemberForm/index.tsx
+++ b/client/src/components/forms/MemberForm/index.tsx
@@ -21,16 +21,19 @@ export default function MemberForm({ roles, team, setRoles }: Props) {
 
     const history = useHistory();
     useEffect(() => {
-        if (role && user && addTeamMember(team.id, { user: user, role: role })) {
-            history.go(0);
+        if (role && user) {
+            addTeamMember(team.id, { user: user, role: role }).then(() => {
+                history.go(0);
+            });
         }
     }, [role, user, team, history])
 
     return (
         <div className="member-form">
             {
-                !user ? <UsernameForm setResult={setUser} /> :
-                    <RoleForm roles={roles} team={team} setResult={setRole} setRoles={setRoles} />
+                !user
+                    ? <UsernameForm setResult={setUser} />
+                    : <RoleForm roles={roles} team={team} setResult={setRole} setRoles={setRoles} />
             }
         </div>
     )