SPFx PNP people picker error for allowUnvalidated

Question

I am using PNP SPFx React PeoplePicker in my SPFx webpart. But when I add allowUnvalidated property to my PeoplePicker. I get this error:

Property 'allowUnvalidated' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes & Readonly & Readonly<...>'.ts(2322)

I also change the SPFx version from 1.11 to 1.14 but still get the same error.

Below is the code that I have used:

import {
  PeoplePicker,
  PrincipalType,
  IPeoplePickerUserItem,
} from "@pnp/spfx-controls-react/lib/PeoplePicker";

     <PeoplePicker
            context={porps.context as any}
            personSelectionLimit={3}
            groupName={""}
            onChange={_addUser}
            principalTypes={[PrincipalType.User, PrincipalType.SecurityGroup]}
            resolveDelay={200}
            defaultSelectedUsers={_Picker}
            allowUnvalidated={true}
          />

Answer 1

As per the release history of PnP SPFx Controls library,

allowUnvalidated property in PeoplePicker control is added in v3.9.0 release.

So, try using latest version of PnP SPFx Controls library.

For example:

You can install specific version of library using command like below:

npm install @pnp/[email protected] --save --save-exact