Modelviewer throws SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data

[nhm1990]

What is the location of your example repository?

No response

Which package or tool is having this issue?

Hydrogen

What version of that package or tool are you using?

2024.4.7

What version of Remix are you using?

2.9.2

Steps to Reproduce

1. Upload .glb model to product.
2. Load model (model3d) via product/GraphQL
3. What I had also to do is added scriptSrc: ["'self'", 'https://unpkg.com', ...] to "createContentSecurityPolicy"
4. initialize model with hydrogen component

Expected Behavior

Model will be rendered and can be loaded/viewed.

Actual Behavior

Just preview image is shown and error "JSON.parse: unexpected character at line 1 column 1 of the JSON data" is thrown.
(See screenshot)

• I was also able to reproduce it in older hydrogen versions.
• #UPDATE: With sample model provided by shopify it's working. My model is also working with the generic shopify online-store template, but not with hydrogen.

[michenly]

@nhm1990, can you please provided a stackblitz reproduction of the issue?

[nhm1990]

Unfortunately my model is not for public use, but I found out that this seems to be related to the model.... It seems to work correctly with another example model.