[BUG] : People picker is not rendering groups

[musale]

Describe the bug
Using <PeoplePicker userType="user" groupType="security"></PeoplePicker> shows no values found in react while the plain web shows.

To Reproduce
Steps to reproduce the behavior:

1. Go to samples and update the Homepage to include a PeoplePicker with userType="user" and groupType="security"`.
2. Go to https://mgt.dev/?path=/story/components-mgt-people-picker-properties--pick-distribution-groups and update it with the same properties.
3. Run the samples app with the same tenant as the one in the playground
4. See error

Expected behavior

The component should show the same results in all frameworks.

Screenshots
In Web

In react sample

Environment (please complete the following information):

• OS: Windows
• Browser: edge
• Framework: react
• Context: Web
• Version: ^4.4.0
• Provider: MockProvider

Additional context

The problems seems to stem from using array functions on a custom type.

microsoft-graph-toolkit/packages/mgt-components/src/graph/graph.groups.ts

Line 103 in ab1ee20

const key = `${query ? query : '*'}*${groupTypes.join('+')}*${groupFilters}:${top}`;

microsoft-graph-toolkit/packages/mgt-components/src/graph/graph.groups.ts

Line 230 in ab1ee20

const key = `${groupId}:${query || '*'}:${groupTypes.join('+')}:${transitive}`;