How to use searchkit

searchkit.setQueryProcessor((plainQueryObject) => {
 if (plainQueryObject.filter != undefined) {
  // hot fix for ES5
  plainQueryObject.post_filter = plainQueryObject.filter
  delete plainQueryObject.filter
 }
 return plainQueryObject
})

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>
    );
  }

render(){
    let refresh = setInterval(refreshMe, 60000)
    return (
      <SearchkitProvider searchkit={searchkit}>
      <Layout>
       <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}
         prefixQueryFields={["title^2", "body.value", "author.realname", "category.categories.name", "tags.name", "address"]}/>
       </TopBar>
       <LayoutBody>
        <SideBar>
              <MenuFilter
                id="select-newspaper"
                title="Newspaper"
                size={9999}
                listComponent={Select} />
              <MenuFilter
                id="select-author"
                title="Author"
                size={9999}
                listComponent={Select} />
              <RefinementListFilter
          id="category"
          title="Category"

render(){
    let refresh = setInterval(refreshMe, 60000)
    return (
      <SearchkitProvider searchkit={searchkit}>
      <Layout>
       <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}
         prefixQueryFields={["title^2", "body.value", "author.realname", "category.categories.name", "tags.name", "address"]}/>
       </TopBar>
       <LayoutBody>
        <SideBar>
              <MenuFilter
                id="select-newspaper"
                title="Newspaper"
                size={9999}
                listComponent={Select} />
              <MenuFilter
                id="select-author"
                title="Author"
                size={9999}
                listComponent={Select} />
              <RefinementListFilter
          id="category"
          title="Category"

searchkit.setQueryProcessor((plainQueryObject) => {
 if (plainQueryObject.filter != undefined) {
  // hot fix for ES5
  plainQueryObject.post_filter = plainQueryObject.filter
  delete plainQueryObject.filter
 }
 return plainQueryObject
})