How to use the recompact.withProps function in recompact

export default Component =>
  compose(
    connect(mapStateToProps),
    withProps(sendableUniqueTokens)
  )(Component);

import { compose, setDisplayName, withProps } from 'recompact';
import Flex from './Flex';

export default compose(
  setDisplayName('Row'),
  withProps({ direction: 'row' }),
)(Flex);

import { compose, setDisplayName, withProps } from 'recompact';
import LayoutWithDividers from './LayoutWithDividers';

export default compose(
  setDisplayName('RowWithDividers'),
  withProps(({ dividerProps }) => ({
    direction: 'row',
    dividerProps: {
      horizontal: false,
      ...dividerProps,
    },
  }))
)(LayoutWithDividers);

import { compose, setDisplayName, withProps } from 'recompact';
import Flex from './Flex';

export default compose(
  setDisplayName('Centered'),
  withProps({ align: 'center', justify: 'center' }),
)(Flex);