Simple Relay component

Price.js

// @flow
import { PureComponent } from 'react';
import { graphql, createFragmentContainer } from 'react-relay';

import FormatCurrency from '@zego/components/FormatCurrency';

import { type Price_price } from './__generated__/Price_price.graphql';

type Props = {
  price: Price_price,
  precision?: number,
};

class Price extends PureComponent<Props> {
  render() {
    const { price, precision } = this.props;

    return (
      <FormatCurrency 
        currency={price.currency.isoCode}
        value={price.value}
        precision={precision} />
    );
  }
}

export default createFragmentContainer(
  Price,
  graphql`
    fragment Price_price on Price {
      value
      currency {
        isoCode
      }
    }
  `
);