a simple conditional rendering higher order component

RenderIfRoute.js

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

export default isActive => ({ component, ...props }) => {
  const Component = component
  const NullComponent = ({ '@@__isActive': active, ...props }) => (
    active ? <Component {...props} /> : null
  )

  const R = connect((state, props) => {
    return {
      ...props,
      '@@__isActive': __loaded && isActive(state, props),
    }
  })(NullComponent)
  return <R {...props} />
}