StickyFacets

App.jsx

<StickyFacets>
  {({ facets }) => (
    <React.Fragment>
      <Facet
        facets={facets}
        field="date_established"
        label="Date Established"
        view={SingleRangeSelectFacet}
      />
      <Facet
        facets={facets}
        field="states"
        label="States"
        view={MultiValueFacet}
      />
      <Facet
        facets={facets}
        field="acres"
        label="Acres"
        view={SingleRangeSelectFacet}
      />
      <Facet
        facets={facets}
        field="visitors"
        label="Visitors"
        view={MultiValueFacet}
      />
    </React.Fragment>
  )}
</StickyFacets>

StickyFacets.jsx

import React from "react";
import { withSearch } from "@elastic/react-search-ui";

class StickyFacets extends React.Component {
  constructor() {
    super();
    this.facetCache = {};
  }

  render() {
    const { children, facets, resultSearchTerm } = this.props;

    if (resultSearchTerm !== null && this.facetCache[resultSearchTerm]) {
      return children({ facets: this.facetCache[resultSearchTerm] });
    } else {
      this.facetCache[resultSearchTerm] = facets;
      return children({ facets: facets });
    }
  }
}

export default withSearch(StickyFacets);