fix: in group creation don't show duplicate error message when members added again

src/components/PeopleManagement/CreateGroupModalContent.jsx

@@ -56,7 +56,8 @@ const CreateGroupModalContent = ({
       onEmailAddressesChange([]);
       return;
     }
-    setLearnerEmails(prev => [...prev, ...value]);
+    // Merge new emails with old emails (removing duplicates)
+    setLearnerEmails(prev => _.union(prev, value));
     setIsCreateGroupListSelection(true);
   }, [onEmailAddressesChange, setIsCreateGroupListSelection]);
 

src/components/PeopleManagement/tests/CreateGroupModal.test.jsx

@@ -405,4 +405,22 @@ describe('<CreateGroupModal />', () => {
       )).toBeInTheDocument();
     });
   });
+  it('does not show duplicate error when members are bulk added multiple times', async () => {
+    render(<CreateGroupModalWrapper />);
+    // testing interaction with adding members from the datatable
+    const membersCheckboxes = screen.getAllByRole('checkbox');
+    // skipping first one because its the select all checkbox
+    userEvent.click(membersCheckboxes[1]);
+    const addMembersButton = screen.getByText('Add');
+    userEvent.click(addMembersButton);
+    // Select a second member while keeping first selected, and add again
+    userEvent.click(membersCheckboxes[2]);
+    userEvent.click(addMembersButton);
+
+    await waitFor(() => {
+      expect(screen.getAllByText('[email protected]')).toHaveLength(2);
+      expect(screen.getAllByText('[email protected]')).toHaveLength(2);
+    });
+    expect(screen.queryByText('Only 1 invite per email address will be sent.')).not.toBeInTheDocument();
+  });
 });