How to use

SearchBox

in

searchkit

render(){
    return(
      <SearchkitProvider searchkit={this.searchkit}>
        <div>
          <SearchBox   searchOnChange={true}
                 queryOptions={{analyzer:"standard"}}
                 queryFields={["title^1"]} />
          <Hits hitsPerPage={50} highlightFields={["title"]} sourceFilter={["title", "description", "cover", "userRating"]}
                    mod="sk-hits-grid" listComponent={MovieList}/>
        </div>
      </SearchkitProvider>
    );
  }

<TopBar>
     <div className="fcc-logo"><Link to="search"><img data-qa="fcc-ico" className="fcc-menu-logo" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/446514/Inforum_Logo_2016_searchkit-2.png" width="166" height="40"/></Link></div>
 <SearchBox
  autofocus={true}
  searchOnChange={true}

<TopBar>
     <div className="fcc-logo"><Link to="/"><img data-qa="fcc-ico" className="fcc-menu-logo" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/446514/Inforum_Logo_2016_searchkit-2.png" width="166" height="40"/></Link></div>
 <SearchBox
  autofocus={true}
  searchOnChange={true}