Filtering available options in ResourcePicker

[jplatenburg]

Hi there! I'm working on a Shopify App and running into a case where we want to select products in the app to then show them on the frontend. However, products that are not available on the 'Webshop' channel also appear in this list. When we then want to show them on the front-end, we get issues.

I have read the documentation of the ResourcePicker component, but don't seem to get anywhere. initialQuery looked like it could help, but I haven't found a way to make that work yet (it just fills the search bar). I am fairly new to Shopify/GraphQL.

TLDR: I want to make the ResourcePicker only show products that are available on the webshop, and not only on POS or other channels.

Environment context: Laravel backend, React frontend.