metafields is missing required arguments: identifiers

[pannagger]

Hi all,
I started implementing a webshop beginning this year and it worked pretty well, I paused for an half year and now the useShopQuery hook does not work anymore, without changing anything in the code. I get the Error "Field metafields is missing required arguments: identifiers at Module.useShopQuery (node_modules/@shopify/hydrogen/dist/esnext/hooks/useShopQuery/hooks.js:52:23[...]".
What I found is this https://shopify.dev/changelog/the-behavior-of-hasmetafields-metafields-has-changed , which may be the problem, however solving it is not trivial for me because I started it on the basis of the "Getting started with Hydrogen" application and this example uses the ProductProviderFragment in its Query. So to edit the ProductProviderFragment I have to modify a library file of Hydrogen which seem not to be a aliquot solution.
So I am asking myself, am I the only one facing this problem? I did not find any other on the ethernet.
How can I solve this problem since there is a lot of work in this project I do not want to start at skratch?
Am I missing something, how can it be that shopify changes such critical things like the API interface so my app is not executable anymore? Since this would have cause loads of costs if I had delivered the project to my costumer.
I am pretty sure I miss some understanding using hydrogen and the getting started guide.
I am kind of deprecated and extremly thankful for any help on this.

Kind regards
Philip

[davidhousedev]

If you've been building this app for a while, I wonder if the root cause of the error is that your version of Hydrogen is not the latest.

Given that Hydrogen as a framework has a direct integration with the Storefront API, breaking changes are inevitable. Perhaps a shift in mindset might help? A shop built in Hydrogen is going to require consistent maintenance work from an engineer to keep it running. In addition, it will be important as a maintainer to stay on-top of deprecation announcements so you can update your shop in advance of the breaking change going live. In other words, a Hydrogen application is never really "done" until it is no longer live.

I hope this perspective helps! I suspect you'll be good to go if you go through a process of updating the versions of Hydrogen until you're at latest, and updating your code as specified in the release notes 🙇🏻‍♂️

[frandiox]

Hello!
It seems that, back when you started your project, Hydrogen was only in developer-preview. It wasn't recommended for production because we were going to make breaking changes before general availability (including changes in the Storefront API).

Unfortunately, there's no simple way to "click and update" everything in your project. However, there are a few options:

1. Check the Storefront API version you are using in your project. Chances are you are using unstable (we used that in earlier versions), and you might be able to make it work by setting a different value. See Storefront API versioning to see existing values and try one that was close to the date when you started your project. That should make it get similar data structures to what your app was expecting. However, as @davidhousedev mentioned, the API is changing and your version will be eventually deprecated (more info about dates and notifications in the previous link).

2. To upgrade Hydrogen itself, check the release notes and apply all the migration steps from the Hydrogen version you have in your project to the latest.

3. If your version was too old, it might be simpler to start a new project using either demo-store or hello-world templates, and start passing components from your current project to the new one.

[pannagger]

Hi, thanks for clarification, maybe we missed that hydrogen is that new. We will try your solution, thank you.