I have a select list,(react-select) i want to select a specific option from the select list based on a variable productCat on page load if value in variable is blank then it should load normally as it loads if value in productCat is not blank then all the option should be loaded but the given value should be selected

here is my code

<Select name="productName" id="productName"  options={jsonProducts} onChange={onSelectChange}  
 value={ jsonProducts.filter(option =>  option.label === productCat) }/>

also is there a way i can call a function once list is loaded with options completely