plopfile-generate/templates/react-admin/layouts/PrivateLayout/index.js

Installation:

import React from 'react';
import PropTypes from 'prop-types';
import { Route } from 'react-router-dom';
import { connect } from 'react-redux';
import Notifications from 'react-notification-system-redux';
import { history } from '../../redux/store';
// import LoadingScreenTransparent from '../../components/common/LoadingScreenTransparent';
import AppHolder from './style';
import './index.css';

const PrivateLayout = props => {
  const { component, isAuthenticated, notifications } = props;
  if (!isAuthenticated) {
    history.push('/auth/login');
  }
  return (
    <AppHolder>
      <Route {...props} component={component} />
      {/* {isMainLoading ? <LoadingScreenTransparent /> : null} */}
      <Notifications notifications={notifications} />
    </AppHolder>
  );
};

PrivateLayout.propTypes = {
  component: PropTypes.func,
  isAuthenticated: PropTypes.bool,
  // isMainLoading: PropTypes.bool,
  notifications: PropTypes.array,
};

function mapStateToProps(state) {
  return {
    isAuthenticated: state.login.isAuthenticated,
    isMainLoading: state.loading.isMainLoading,
    notifications: state.notifications,
  };
}

export default connect(mapStateToProps)(PrivateLayout);