text: import React, { PureComponent } from 'react';
  import PropTypes from 'prop-types';
  import { connect } from 'react-redux';
  
  import { BrowserRouter } from 'react-router-dom';
  
  import Routes from './Routes';
  
  class App extends PureComponent {
    render() {
      const { classes, hello, pathPrefix } = this.props;
  
      return (
        <BrowserRouter basename={pathPrefix}>
          <Routes hello={hello}/>
        </BrowserRouter>
      );
    }
  
    reload(event) {
      event.preventDefault();
  
      window.location.reload();
    }
  }
  
  App.propTypes = {
    classes: PropTypes.object.isRequired,
  
    hello: PropTypes.object,
    updateAvailable: PropTypes.bool.isRequired,
    pathPrefix: PropTypes.string.isRequired
  };
  
  const mapStateToProps = (state) => {
    const { hello, updateAvailable, pathPrefix } = state.common;
  
    return {
      hello,
      updateAvailable,
      pathPrefix
    };
  };
  
  export default connect(mapStateToProps)(App);
  