HOC Api inspired by refetch and recompose for simply assigning api data as props with "middleware" for authorization

Cat.js

import 'withApi' from './withApi.js'

const Cat = ({cat}) => <span>{cat.name} says {cat.purr}</span>

const enhance = withApi(props => ({
  cat: `/api/cat/${props.id}`
}))

export default enhance(Cat)

index.js

import Cat from './cat'

ReactDOM.render(<Cat id={12} />, element)

// <span>Fluffy says meow!</span>

withApi.js

import withData from 'withData'
import {connect} from 'react-redux'
import {compose} from 'redux'

const enhance = connect(
  state => ({
    headers: {
      Authorization: `Bearer: ${token}`
    }
  })
)

export default compose(withData, enhance)

An attempt at a pair of HOCs that makes it really simple to connect a component to the result of an api endpoint.
withData is not show, but its thought to work like a stripped down version of react-refetch
Does this make sense?