feat(use-query): Enable to refetch on channel change

[gdarchen]

Description

In the DataService, there exists a method to refetch whenever the channel changes.

However, it was not yet possible to use this refetchOnChannelChange method in React custom Admin UI pages when using the useQuery and useLazyQuery hooks.

In this PR, I added an option on those hooks, so that we can refetch the queries whenever the channel changes.

To test it:

1. Compile the dev-server with the custom-admin-ui extension
2. In the ReactUi.tsx file, add the following:

    const GET_CHANNELS = gql`
    	query channels {
    	  channels {
    	    items {
    	      id
    	      code
    	      token
    	    }
    	  }
    	}
    `
    
    const channelsResponse = useQuery<any>(GET_CHANNELS, undefined, { refetchOnChannelChange: true })

3. Check the network: whenever the channel changes, the query is run again with the new channel token passed in the headers

Breaking changes

No breaking change, just an option added.

Screenshots

vendure.mp4

Checklist

📌 Always:

• I have set a clear title
• My PR is small and contains a single feature
• I have checked my own PR

👍 Most of the time:

• I have added or updated test cases
• I have updated the README if needed

[netlify]

❌ Deploy Preview for effervescent-donut-4977b2 failed.

Name	Link
🔨 Latest commit	b9ae3f3
🔍 Latest deploy log	https://app.netlify.com/sites/effervescent-donut-4977b2/deploys/6655a91176e36d0008e4172c

[michaelbromley]

Hi @gdarchen! Thanks, this is a nice addition. Could you make the PR against the minor branch though since it's a new feature?

[gdarchen]

Hi @gdarchen! Thanks, this is a nice addition. Could you make the PR against the minor branch though since it's a new feature?

Hi @michaelbromley!
Thanks for the review, I changed the base branch ✅

[gdarchen]

Hi @martijnvdbrug,
I don't get why you pushed b54c210 on this PR? 🤔

[michaelbromley]

I think the commit from Martijn probably got added automatically when you changed branch. What you could try is to locally rebase the commit to minor and then force push? Not sure. If all else fails just close this PR and open a new one linking to this :)

[gdarchen]

Hi @michaelbromley
I just reset my branch on upstream/minor and cherry-picked my commit, it seems fine now 👍

[michaelbromley]

Thank you!