requireAuth Higher-order Component for React Native

requireAuthHOCnative.js

import React, { Component } from 'react'
import { connect } from 'react-redux'
import { NavigationActions } from 'react-navigation'

export default function (ComposedComponent) {
  class Authentication extends Component {
    componentWillMount() {
      if (!this.props.isAuthenticated) {
        return this.props.navigation.dispatch(NavigationActions.reset({
          index: 0,
          key: null,
          actions: [NavigationActions.navigate({ routeName: 'Login' })]
        }))
      }
    }
    componentWillReceiveProps(nextProps) {
      if (!nextProps.isAuthenticated) {
        return this.props.navigation.dispatch(NavigationActions.reset({
          index: 0,
          key: null,
          actions: [NavigationActions.navigate({ routeName: 'Login' })]
        }))
      }
    }
    render() {
      if (!this.props.isAuthenticated) return null
      return (
        <ComposedComponent {...this.props} />
      )
    }
  }
  const mapStateToProps = ({ auth: { isAuthenticated } }) => ({ isAuthenticated })
  return connect(mapStateToProps, null)(Authentication)
}