PeoplePickerComponent doesn't work properly if try to add one more user

[prokach]

Category

[ ] Enhancement

[ X ] Bug

[ ] Question

Version [ v.1.8.0 ]

Expected / Desired Behavior / Question

When I select some user in PeoplePicker and trying to find another one in order to add one more user, a suggestion list is empty instead of showing a list of users which are related to what I've started to type.

Observed Behavior

The suggestion list always has to contain a number of users which have the same email/name(or ever role) that I started to type - started to find

Steps to Reproduce

1. Click on user field area
2. Type name or email of user1
3. Select the user from a suggestion list
4. Click on user field area again
5. Type name or email of user2
   The suggestions list is empty

Submission Guidelines

It looks like, that the issue occurs because _listContainsPersona function which is using for filtering of suggestion list works with primaryText propery, but the items of users don't have this property(see for example on creation of a user item in _thisLoadUsers function)

primaryText properties here are undefined

  private _listContainsPersona = (persona: IPersonaProps, personas: IPersonaProps[]): boolean => {
    if (!personas || !personas.length || personas.length === 0) {
      return false;
    }
    return personas.filter(item => item.primaryText === persona.primaryText).length > 0;
  }

It's a peace of _thisLoadUsers function. Here is no primaryText defined

         userValuesArray.push({
              id: item.Id.toString(),
              imageUrl: this.generateUserPhotoLink(item.Email),
              imageInitials: "",
              text: item.Title, // name
              secondaryText: item.Email, // email
              tertiaryText: "", // status
              optionalText: "" // anything
          });

Thanks!

[prokach]

Thank you, @gautamdsheth