Algolia InstantSearch No Results

search.jsx

function NoResultsAppBoundary(props) {
  const {children} = props
  const {results} = useInstantSearch()
  if (!results?.nbHits || !term) {
    return (
      <Container className={styles.noResults}>
        <Blocks blocks={post?.blocks} />
      </Container>
    )
  }
  return children
}

<InstantSearch
  indexName={config.lots.name}
  searchClient={algoliaClient}
>
  <NoResultsAppBoundary>
    <Index indexName={config.lots.name}>
      <NoResultsBoundary>
        <Configure filters={`taxonomies.run_date.timestamp>=${today}`} />
        <CustomHits {...config.lots} />
      </NoResultsBoundary>
    </Index>
    <Index indexName={config.results.name}>
      <NoResultsBoundary>
        <CustomHits {...config.results} />
      </NoResultsBoundary>
    </Index>
    <Index indexName={config.search.name}>
      <NoResultsBoundary>
        <CustomHits {...config.search} />
      </NoResultsBoundary>
    </Index>
  </NoResultsAppBoundary>
</InstantSearch>