How to filter a spPnP people picker

Hi CardinalNight.,

you're defenitely facing some issues with the code I provided earlier. The code I shared was a general example of how to create a custom people picker filter. However, the specific version of the @pnp/spfx-controls-react library you're using might have some differences in how filters are applied.

To filter a PeoplePicker based on a particular domain, you can try the following code:

import { PeoplePicker, PrincipalType } from '@pnp/spfx-controls-react/lib/PeoplePicker';
import { BaseComponent } from '@microsoft/sp-component-base';

export class YourComponent extends BaseComponent<{}, {}> {
  constructor(props: {}) {
    super(props);
  }

  render() {
    return (
      <PeoplePicker
        context={this.context}
        personSelectionLimit={1}
        principalTypes={[PrincipalType.User]}
        resolveDelay={1000}
        ensureUser={true}
        defaultSelectedUsers={[]}
        onChange={(items) => this.handlePeoplePickerChange(items)}
        onResolveSuggestions={(filterText, currentPersonas) => this.filterPeople(filterText, currentPersonas)}
      />
    );
  }

  handlePeoplePickerChange = (items: any[]) => {
    // Handle the selected items here
  }

  filterPeople = (filterText: string, currentPersonas: any[]): Promise<any[]> => {
    // Implement your custom filtering logic here
    // You can use the filterText and currentPersonas to filter the results
    // Return a Promise with the filtered results
    const filteredResults = /* Your filtering logic here */;
    return Promise.resolve(filteredResults);
  }
}

Remember to adjust the code according to your unique needs and the version of the library you're working with, as there may be some differences in the library's API across versions.