SitePicker issue long loading on big tenants

[Kperroch]

Category

[x ] Enhancement

[x ] Bug

[ ] Question

Version

Please specify what version of the library you are using: [3.15.0]

Expected / Desired Behavior / Question

On click on the dropdown to be able to search directly without waiting the load of all site. Limit the search query to the input text with a start with or contains query.

Observed Behavior

On big tenant 23k site the component take 4 minutes to be responsive because it query all the sites of the tenant.

Steps to Reproduce

Component initialized as below

<SitePicker
context={this.props.context}
label={'Select destination site'}
mode={'site'}
allowSearch={true}
multiSelect={false}
onChange={(sites) => { console.log(sites); }}
placeholder={'Selected sites'}
searchPlaceholder={'Filter sites'}
deferredSearchTime={1000}
initialSites={[{url:"https://****************.sharepoint.com/sites/**************Inteligenceproject"}]} />
Having a lot (more than 20k) of site collection on the tenant

Thanks!

[ghost]

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.

[github-actions]

Thank you for submitting your first issue to this project.