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[bot]]

Thank you for submitting your first issue to this project.