react-static/examples/firebase-auth/src/session/withAuthentication.js

A progressive static site generator for React

import React from 'react'
import PropTypes from 'prop-types'

import { firebase } from '../firebase'

const withAuthentication = Component => {
  class WithAuthentication extends React.Component {
    constructor (props) {
      super(props)

      this.state = {
        authUser: null,
      }
    }

    getChildContext () {
      return {
        authUser: this.state.authUser,
      }
    }

    componentDidMount () {
      firebase.auth.onAuthStateChanged(authUser => (
        authUser
          ? this.setState(() => ({ authUser }))
          : this.setState(() => ({ authUser: null }))
      ))
    }

    render () {
      return (
        <Component {...this.props} />
      )
    }
  }

  WithAuthentication.childContextTypes = {
    authUser: PropTypes.object,
  }

  return WithAuthentication
}

export default withAuthentication