```js
// State

initialState = { users: [{
  id: 1,
  firstName: 'Abi',
  lastName: 'Kelley',
  selected: true,
  disabled: false,
  teams: [],
  warning: 'Some other warning text'
}, {
  id: 2,
  firstName: 'Leilani',
  lastName: 'Hernandez',
  selected: true,
  disabled: true,
  warning: 'On annual leave from 11/12 to 01/01',
  teams: ['Sales', 'Manager']
}, {
  id: 3,
  firstName: 'Alissia',
  lastName: 'Shepard',
  selected: false,
  disabled: true,
  warning: <p style={{margin: 0}}>Hello, <b>Bold some text</b></p>,
  teams: ['UX', 'Manager']
}, {
  id: 4,
  firstName: 'Inez',
  lastName: 'Cousins',
  selected: false,
  disabled: false,
  teams: 'UX'
}, {
  id: 5,
  firstName: 'Aine',
  lastName: 'Hobbs',
  selected: true,
  disabled: false,
  teams: 'Sales'
}, {
  id: 6,
  firstName: 'Myra',
  lastName: 'White',
  selected: false,
  disabled: false,
  teams: 'Sales'
}, {
  id: 7,
  firstName: 'Olivia',
  lastName: 'Good',
  selected: true,
  disabled: false,
  teams: ['Finance', 'Manager']
}, {
  id: 8,
  firstName: 'Ishaan',
  lastName: 'Barber',
  selected: false,
  disabled: false,
  teams: 'Sales'
}, {
  id: 9,
  firstName: 'Denny',
  lastName: 'Reese',
  selected: false,
  disabled: false,
  teams: 'Sales'
}, {
  id: 10,
  firstName: 'Inayah',
  lastName: 'Parker',
  selected: false,
  disabled: false,
  teams: 'UX'
}] };

// Function to set state
const toggleUsers = ids => {
  const newUsers = state.users.map(user => {
    const newUser = { ...user };
    if (ids.includes(newUser.id)) {
      newUser.selected = !newUser.selected;
    }
    return newUser;
  });
  setState({ users: newUsers });
};

// Component
<EmployeePicker users={state.users} toggleUsers={toggleUsers} groupBy="teams" GA={{}}/>
```
