[BUG] "document is not defined" when deploying to Oxygen

[sebinievas]

Describe the bug
When deploying to Oxygen, the following error occurs:

InvalidScriptError: retrying will not succeed. The following error must be actioned:
Uncaught ReferenceError: document is not defined
  at line 0
Error: Process completed with exit code 1.

To Reproduce

Please contact me for access to private repo when working on issue. https://github.com/zoxllc/hydrogen-us

1. Once you have access you can run yarn preview and it will load fine.
2. Pushing the branch will trigger the workflow for Oxygen deployment, but it fails on the error message.

Expected behaviour
A successful deployment to Oxygen.

Screenshots

Additional context
I was able to successfully deploy to Vercel servers so this prompted the issue.

• node 18.5.0
  "@shopify/cli": "3.3.2",
  "@shopify/cli-hydrogen": "3.3.2"
  "@shopify/hydrogen": "^1.1.0"

[sebinievas]

I edited the description to include that I was able to deploy this successfully to Vercel servers.

[slester]

@sebinievas If you provide me with access, I can have a look at the code. Does a clean Hydrogen checkout work?

[sebinievas]

This ended up being an issue with importing a package that was not SSR ready I believe.

[elkelk]

This ended up being an issue with importing a package that was not SSR ready I believe.

@sebinievas can you provide more details about the issue and how you determined it was a package? I'm fighting a similar issue and we use a lot of dependencies.

[slester]

@elkelk — We figured out this was a dependency mostly by just looking at some compilation errors we were having on Oxygen (running on a local instance) and looked through those issues on GitHub. We found others having the same sort of problem with the component rendered server-side.