Use of Recompose's branch for Loading Component

loadingComponent.js

import { branch, renderComponent } from 'recompose';

const Loading = () => (
  <div>Loading....</div>
);

export const withLoadingComponent = branch(
  props => props.loading,
  renderComponent(Loading),
);