in Core.js - UNSAFE_willMount removed & put defaultSort to url

__tests__/SortFilter.spec.js

@@ -49,7 +49,7 @@ test('Instantiate SortFilter component via mount', () => {
   expect(wrapper.find(Core).instance().element.current).toMatchSnapshot();
 })
 
-function Elements({ itemSelector }) {
+function Elements({ itemSelector, records }) {
   return records.map((record) => <Element key={record.id} record={record} itemSelector={itemSelector} />);
 }
 

src/SortFilter/Core.js

@@ -17,26 +17,12 @@ class Core extends Component {
     super(props);
     this.state = {
       // taxonomies: {},
-      taxonomiesBodyTypeNames: []
+      taxonomiesBodyTypeNames: Object.keys(this.props.taxonomies['Body Types'])
     };
     this.element = React.createRef();
     this.sizer = React.createRef();
   }
 
-  UNSAFE_componentWillMount() {
-    /**
-     * Kick off the network request and update the state once it returns.
-     */
-    const { taxonomies } = this.props;
-    this._loadProps()
-      .then(() => {
-        this.setState({
-          // taxonomies,
-          taxonomiesBodyTypeNames: Object.keys(taxonomies['Body Types'])
-        });
-      });
-  }
-
   componentDidMount() {
     // let options = {
     //   // reverse: true,
@@ -49,6 +35,7 @@ class Core extends Component {
       sizer: this.sizer.current,
       // initialSort: options
     });
+    putSearchParams(this.props.defaultSort);
     this.sortFromUrlSearch();
   }
 
@@ -144,18 +131,6 @@ class Core extends Component {
     this.slider.classList.toggle('slider-closed');
   }
 
-  /**
-   * Set delay
-   * @return {Promise<Object[]>} A promise which resolves with an array of objects.
-   */
-  _loadProps() {
-    return new Promise((resolve) => {
-      setTimeout(() => {
-        resolve(this.props);
-      }, 500);
-    });
-  }
-
   render() {
     const { taxonomiesBodyTypeNames } = this.state;
     const { children, itemSelector } = this.props;