Fix group table being cleared after adding a new member

app/routes/admin/groups/components/AddGroupMember.tsx

@@ -6,6 +6,9 @@ import { SubmitButton } from 'app/components/Form/SubmitButton';
 import { useAppDispatch } from 'app/store/hooks';
 import { roleOptions } from 'app/utils/constants';
 import { createValidator, required } from 'app/utils/validation';
+import { fetchMembershipsPagination } from 'app/actions/GroupActions';
+import { defaultGroupMembersQuery } from 'app/routes/admin/groups/components/GroupMembers';
+import useQuery from 'app/utils/useQuery';
 
 const validate = createValidator({
   user: [required()],
@@ -18,6 +21,7 @@ type Props = {
 
 const AddGroupMember = ({ groupId }: Props) => {
   const dispatch = useAppDispatch();
+  const { query } = useQuery(defaultGroupMembersQuery);
 
   const handleSubmit = (values, form) => {
     dispatch(
@@ -26,9 +30,19 @@ const AddGroupMember = ({ groupId }: Props) => {
         userId: values.user.id,
         role: values.role.value,
       })
-    ).then(() => {
-      form.reset();
-    });
+    )
+      .then(() =>
+        dispatch(
+          fetchMembershipsPagination({
+            groupId,
+            next: true,
+            query,
+          })
+        )
+      )
+      .then(() => {
+        form.reset();
+      });
   };
 
   return (