2.0.0-rc.1 & ^1.3 useFragment does not work with @relay(plural: true)

useFragment seem to have issues processing an array of fragments passed down from useQuery, when the fragment passed to useFragment uses @relay(plural: true).

I receive: RelayModernGraphQLTag: Expected a fragment, got {} Error.

Same query & fragment work well with the react-relay hocs.

Example:

// fragment usage

type Props = {
  items: ItemList_items$ref,
};

const ItemList: React.FC<Props> = props => {
  const items: ItemList_items = useFragment(
    graphql`
      fragment ItemList_items on Item @relay(plural: true) {
       # ...
      }
    `,
    props.items
  );
};

// query usage
const ItemListPage: React.FC<Props> = () => {
  const {props, error} = useQuery<ItemListQuery>(
    graphql`
      query ItemListQuery {
        items {
            ...ItemList_items
        }
      }
    `, {}
  );

  // ... checks, etc.

  return <ItemList items={props.items} />
};

[akomm]

@morrys I guess the createFragmentContainer worked with older style of import from older babel-relay-plugin. I upgraded the plugin and now also useFragment works! 😃.

Thanks!

[akomm]

My hands now not on code (no access to it from home ^^), I will try it out tomorrow. Thanks!