exampleUsage.tsx

const GET_CONVERSATION = gql`
  query GetConversation($request: GetConversationInput!) {
    getConversation(request: $request) {
      conversation {
        id
      }
    }
  }
`;

type ExampleComponentProps = {
  userName: string;
  route: {
    params: {
      conversationId: string;
    }
  }
};

type QueryResponse = {
  getConversation: {
    conversation: {
      status: string;
    }
  }
};

type QueryVars = {
  variables: {
    request: {
      id: string;
    }
  }
};

const ExampleComponent = ({
  data,
  userName,
}: ExampleComponentProps & WithFocusQueryProps<QueryResponse, QueryVars>) => (
  <SafeAreaView>
    <Text>Hello, {userName}! {data.getConversation.conversation.status}</Text>
  </SafeAreaView>
);

export default withFocusQuery({
  query: GET_CONVERSATION,
  getQueryVars: (props: ExampleComponentProps) => ({
    variables: {
      request: {
        id: props.route.params.conversationId,
      },
    }
  }),
})(ExampleComponent);