Example using a query fragment.

ManageOrdersRelay.js

import React from 'react';
import PropTypes from 'prop-types';
import {graphql, QueryRenderer} from 'react-relay';

import environment from '@/environment';
import PageBar from '@/components/PageBar';
import Loading from '@/components/Loading';
import OrderTableRelay from '@/components/OrderTableRelay';

const manageOrdersQuery = graphql`
    query ManageOrdersRelayQuery {
        orders(first: 10){
            edges {
                node {
                    ...OrderTableRelay_order
                }
            }
        }
    }
`;

const ManageOrders = ({routes}) => (
    <div className="page-content">
        <PageBar routes={routes} />
        <h1 className="page-title">Manage Orders</h1>
        <QueryRenderer
            environment={environment}
            query={manageOrdersQuery}
            render={({error, props}) => {
                if (error) {
                    return <div><h1>Error!</h1><br />{error}</div>;
                }

                if (props) {
                    return (
                        <OrderTableRelay
                            {...props}
                            columns={[
                                'id',
                                'creationTime',
                                'dueDate',
                                'poNumber',
                                'totalQuantity',
                                'status',
                            ]}
                        />
                    );
                }

                return <div><Loading /></div>;
            }}
        />
    </div>
);

ManageOrders.propTypes = {
    routes: PageBar.propTypes.routes,
};

export default ManageOrders;