Results.js

<div className={container}>
  <ReactiveList
    pagination
    componentId="results"
    react={{
      and: ["search"]
    }}
    dataField="title.keyword"
  >
    {({ loading, data, error }) => {
      if (loading) {
        return <p>Loading...</p>;
      }
      if (error) {
        return <p>Something Went Wrong!</p>;
      }
      if (data.length) {
        return (
          <ReactiveList.ResultCardsWrapper>
            {data.map(item => (
              <ResultCard key={item._id}>
                <ResultCard.Image src={item.image} />
                <ResultCard.Title
                  dangerouslySetInnerHTML={{
                    __html: item.original_title
                  }}
                />
              </ResultCard>
            ))}
          </ReactiveList.ResultCardsWrapper>
        );
      } else {
        return <p>No Results Found</p>;
      }
    }}
  </ReactiveList>
</div>