message: Tries out router
diff: import React, { Component } from 'react';
  import PropTypes from 'prop-types';
  +import { Route } from 'react-router-dom';
  import { MODES, SORTS } from 'react/components/Home/config';
  -import WithCurrentRoute from 'react/hocs/WithCurrentRoute';
  +import WithStaticRouter from 'react/hocs/WithStaticRouter';
  import Grid from 'react/components/UI/Grid';
  import HeaderMetadataContainer from 'react/components/UI/HeaderMetadataContainer';
  @@ -11,14 +12,10 @@ import HomeBreadcrumb from 'react/components/HomeMetadata/components/HomeBreadcr
  import HomeMetadataView from 'react/components/HomeMetadata/components/HomeMetadataView';
  import HomeMetadataSort from 'react/components/HomeMetadata/components/HomeMetadataSort';
  -
  class HomeMetadata extends Component {
  static propTypes = {
  mode: PropTypes.oneOf(MODES),
  sort: PropTypes.oneOf(SORTS),
  - currentRoute: PropTypes.shape({
  - href: PropTypes.string.isRequired,
  - }).isRequired,
  }
  static defaultProps = {
  @@ -27,21 +24,24 @@ class HomeMetadata extends Component {
  }
  render() {
  - const { mode, sort, currentRoute: { href } } = this.props;
  + const { mode, sort } = this.props;
  return (
  <HeaderMetadataContainer
  breadcrumb={<HomeBreadcrumb />}
  >
  - {/^\/explore/.test(href) &&
  + <Route
  + path="/explore"
  + render={() => (
  <Grid>
  <HomeMetadataView mode={mode} sort={sort} />
  <HomeMetadataSort mode={mode} sort={sort} />
  </Grid>
  - }
  + )}
  + />
  </HeaderMetadataContainer>
  );
  }
  }
  -export default WithCurrentRoute(HomeMetadata);
  +export default WithStaticRouter(HomeMetadata);
  