@ranjeet.tiwari It would be neat to have a better way to support this, but I'd recommend trying something like the following. Keep in mind that this is just pseudo-code to illustrate the concept I have in mind:
state = {
engine: 'engine1'
}
const connector = new AppSearchAPIConnector({
searchKey: "",
engineName: this.state.engineName,
hostIdentifier: ""
});
return <SearchProvider
config={{
apiConnector: connector
}}
>
<div>
<SearchBox />
<Tab1 id="tab1" onClick={() => setState({ engine: 'engine1' })}/>
<Tab2 id="tab1" onClick={() => setState({ engine: 'engine2' })}/>
</div>
</SearchProvider>