MembersPage = () => {
  /**
   * state storing the currently selected categories.
   */
  const [members, setMembers] = useState([activeMember]);
  const handleChange = (value) => setMembers(value);
  return (
    <>
      <Dropdown options={options} defaultOption={activeMember} handleChange={handleChange} />
      <MultipleMembers members={members} />

    </>
  );
}
Array containing a list of categories to be shown in the dropdown.
The map function in the end wraps the label property with a component.