React Data Fetching - Use case with/without`<ConnectedFetch>`

EnhancedContainer.js

import React, { Component } from 'react'
import { View, Text } from 'react-native'
import { Fetch } from 'react-data-fetching'

export default class Container extends Component {
  render() {
    return (
      <>
        // Without <ConnectedFetch>
        <Fetch
          url="https://api.nyan.com/cats/meowssages"
          headers={{
            'X-Nyan-Token': 'superNyan',
          }}
        >
          {({ data }) => (
            <View>
              <Text>You have {data.total} unread messages.</Text>
            </View>
          )}
        </Fetch>

        // With <ConnectedFetch>
        <Fetch path="/cats/meowssages">
          {({ data, store }) => (
            <View>
              <Text>Hello {store.user.firstName}!</Text>
              <Text>You have {data.total} unread messages.</Text>
            </View>
          )}
        </Fetch>
      </>
    )
  }
}