Shopify Hydrogen Quickstart Issues

Good afternoon! Yesterday I was experimenting setting up Plasmic with Shopify Hydrogen and I saw two things in the “Shopify Hydrogen” quickstart doc that might have issues. I was told to send feedback here, so I will send what I know

(I will open a thread)

Issue 1: An import in my_page.tsx is pointing to ../lib/plasmic-helpers.client , but that file seems to be in src/components instead

Issue 2: The example code src/routes.mypage.tsx gave me errors when I tried it. After investigating, I believe the issue is that it passes a string to usePlasmicData, but that function expects an array string[]. So in practice, that hook tries to split 'Home' into [ 'H', 'o', 'm', 'e' ] in this line:

const plasmicData = await PLASMIC.maybeFetchComponentData(...components);

causing the whole hook to return null and make the component fail with this error:

TypeError: Cannot destructure property 'plasmicData'

I hope this feedback helps other people facing the same errors that I encountered yesterday.

CC: @yang

(Note: I already resolved things on my end, this is just some hopefully useful feedback :pray: )