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

A progressive static site generator for React

import React from 'react'
import PropTypes from 'prop-types'
import { withRouter } from 'react-static'

import { firebase } from '../firebase'

const withAuthorization = condition => Component => {
  class WithAuthorization extends React.Component {
    componentDidMount () {
      firebase.auth.onAuthStateChanged(authUser => {
        if (!condition(authUser)) {
          this.props.history.push('/signin')
        }
      })
    }

    render () {
      return this.context.authUser ? <Component {...this.props} /> : null
    }
  }

  WithAuthorization.contextTypes = {
    authUser: PropTypes.object,
  }

  return withRouter(WithAuthorization)
}

export default withAuthorization