[useFragment] Using two fragments inside component result in unknown or {} type

[MateusAndrade]

useFragment

Hello, while I'm using two useFragment inside my component, the data coming from the second call gets either unknown or {} with Typescript:

E.g:

    const data1 = useFragment(FirstFragment, props.queryRef);

    const person = useFragment(PersonFragment, data1.person);

I'm spreading the PersonFragment inside the FirstFragment, I checked for the types created by relay and Indeed they show the right definition for it, but for some reason, either Typescript/VS-Code isn't able to infer the type here.

[mattste]

Still running into this issue. Has anyone figured out a workaround for this?

[tobias-tengler]

Just pass the $key type as generic argument directly to useFragment.

[vinibgoulart]

what about define the type explicitly?

type Props = {
  queryRef: FirstFragment_query$key
}

useFragment<FirstFragment_query$key>(graphql`
  fragment FirstFragment_query on Query {
    id
  }
`, props.queryRef)