`IsAuthenticated` React component using react-redux's `connect`.

IsAuthenticated.js

import React from 'react'
import { connect } from 'react-redux'

import { authInfoSelector } from '~/redux/auth/selectors'

export const IsAuthenticated = ({
  children,
  hasReceivedAuthInfo,
  isAuthenticated,
}) => ({
  hasReceivedAuthInfo
  && isAuthenticated
  && children
)

export default (
  connect(
    authInfoSelector
  )(
    IsAuthenticated
  )
)