Getting internal error (Document is undefined)

Developer Support
1

I’d like some help troubleshooting an Uncaught Error: Minified React error #418 and #422 (hydration error from difference between server and client) I’m getting on two types of pages in my project in production.

I can preview and edit the pages without issue in Plasmic Studio, didn’t see DOM nesting issues, and don’t see any relevant issues using Chrome devtools in Studio.
However, when I run a localhost development server, the pages don’t show at all and I get messages saying 500 (Internal Server Error) and Plasmic failed to load render/chunk.

error received on localhost server

image
image2198×1290 290 KB

GET http://localhost:3000/case/taipower-ceramic-planter 500 (Internal Server Error)

Uncaught Error: PLASMIC: Failed to load render__M6zGbX1XKTx9.js: Error: PLASMIC: Failed to load chunk-S2TVI2SA.js: Error: PLASMIC: Failed to load chunk-6WDZAXUK.js: ReferenceError: document is not defined
    at Registry.load (/home/pops/webdev/leaferweb/node_modules/@plasmicapp/loader-core/dist/index.js:262:13)
    at ComponentLookup.getComponent (/home/pops/webdev/leaferweb/node_modules/@plasmicapp/loader-react/dist/index.js:740:33)
    at usePlasmicComponent (/home/pops/webdev/leaferweb/node_modules/@plasmicapp/loader-react/dist/index.js:1303:56)
    at PlasmicComponent (/home/pops/webdev/leaferweb/node_modules/@plasmicapp/loader-react/dist/index.js:1348:21)
    at renderWithHooks (/home/pops/webdev/leaferweb/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5658:16)
    at renderIndeterminateComponent (/home/pops/webdev/leaferweb/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5732:15)
    at renderElement (/home/pops/webdev/leaferweb/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5957:7)
    at renderNodeDestructiveImpl (/home/pops/webdev/leaferweb/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6115:11)
    at renderNodeDestructive (/home/pops/webdev/leaferweb/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6087:14)
    at renderIndeterminateComponent (/home/pops/webdev/leaferweb/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5786:7)
    at renderElement (/home/pops/webdev/leaferweb/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5957:7)
    at renderNodeDestructiveImpl (/home/pops/webdev/leaferweb/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6115:11)
    at renderNodeDestructive (/home/pops/webdev/leaferweb/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6087:14)
    at renderContextProvider (/home/pops/webdev/leaferweb/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5931:3)
    at renderElement (/home/pops/webdev/leaferweb/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6028:11)

The error message namely says document is not defined, but I didn’t add any calls to document in my project…

I think the issue might be related to loading from a Hygraph query or using markdown with @marked, but I wasn’t able to pinpoint the issue through trial and error.

Relevant links:

2

What versions of Plasmic loader are you using? Can you try updating to the latest?

3

I am getting this error in the latest version of Plasmic loader. I changed all references of document in Plasmic studio to globalThis.document, still I’m getting this error in local terminal.
The problem is that it’s displaying the error from minified js files, so there’s no way to even find where document is defined.

PLASMIC: Encountered error when pre-rendering PlasmicComponent: Error: PLASMIC: Failed to load render__ZlMkPk4p0Y0g.js: Error: PLASMIC: Failed to load chunk-BVELTYR2.js: ReferenceError: document is not defined Error: PLASMIC: Failed to load render__ZlMkPk4p0Y0g.js: Error: PLASMIC: Failed to load chunk-BVELTYR2.js: ReferenceError: document is not defined at Registry.load (/Users/kamal/dev/hiree/frontend/node_modules/@plasmicapp/loader-core/dist/index.js:262:13)

4

I believe I’m using the latest

// package.json
...
"dependencies": {
    "@next/third-parties": "^15.1.3",
    "@plasmicapp/loader-nextjs": "^1.0.410",
...
5

Hi @leafer_design, I tried reproducing your issue with the specified versions but wasn’t able to. Can you share a minimal reproduction?