AppDrawerAuthContainer.js

import React from "react";
import PropTypes from "prop-types";
import { compose } from "redux";
import { connect } from "react-redux";
import { isEmpty, populate, withFirebase } from "react-redux-firebase";
import AppDrawerAuth from "./AppDrawerAuth";

class AppDrawerAuthContainer extends React.Component {
  render() {
    const { profile, signOut } = this.props;
    if (isEmpty(profile)) {
      return null;
    }
    console.log(profile);
    return <AppDrawerAuth profile={profile} signOut={signOut} />
  }
}

AppDrawerAuthContainer.propTypes = {
  profile: PropTypes.object.isRequired,
  signOut: PropTypes.func.isRequired,
};

const populates = [{child: 'organisation', root: 'organisations'}];

const mapStateToProps = ({firebase}) => ({
  profile: populate(firebase, 'profile', populates),
  signOut: () => { console.log('signOut') },
});

export default compose(
  withFirebase,
  connect(mapStateToProps),
)(AppDrawerAuthContainer);