How to use Third-party client library with Hydrogen ?

Français Discussions Applications Shopify

Topic summary

Issue: Integrating the third‑party client library react-three/fiber with the latest Hydrogen to render 3D scenes.

Symptoms: Starting the local dev server (MiniOxygen) fails with “MiniOxygen couldn’t load your app’s entry point” and the runtime error “ReferenceError: module is not defined.”

Details: Stack trace points to node_modules paths, including react-reconciler/constants.js and @react-three/fiber ESM builds (events-…esm.js, react-three-fiber.esm.js). Error logs are provided in code blocks.

Context: MiniOxygen is Hydrogen’s local development server; react-three/fiber is a React-based 3D rendering library.

Request: Guidance on how to bypass/fix the server error to use the library within Hydrogen.

Status: No responses or solutions yet; the question remains open with unresolved compatibility/loader issue.

Summarized with AI on December 19. AI used: gpt-5.
1

Hi !

I’m using the last version of Hydrogen, and I would like to use react-three/fiber to create 3D scene in my shop.

But, when i’m importing the module and running my local server, I got an error

MiniOxygen couldn’t load your app’s entry point.

ReferenceError: module is not defined"

    at C:/Users/Utilisateur/Documents/website/hydrogen-quickstart/node_modules/react-reconciler/constants.js:6:3
    at /node_modules/@react-three/fiber/dist/events-3515660a.esm.js?v=cd427809:3:31
    at /node_modules/@react-three/fiber/dist/react-three-fiber.esm.js?v=cd427809:1:110

How can I bypass the server issue ?

Have a nice day !

Regards