build error: globalThis is not defined

[ghost]

Not sure what to do here. I tried adding a polyfill.

using -> https://github.com/FirebaseExtended/reactfire

Build Log

> Build error occurred
{ ReferenceError: globalThis is not defined
    at Object.<anonymous> (/home/searchableguy/Projects/markdown-plate/node_modules/reactfire/cjs/index.js:115:28)
    at Module._compile (internal/modules/cjs/loader.js:778:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
    at Module.load (internal/modules/cjs/loader.js:653:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
    at Function.Module._load (internal/modules/cjs/loader.js:585:3)
    at Module.require (internal/modules/cjs/loader.js:692:17)
    at require (internal/modules/cjs/helpers.js:25:18)
    at Object.KIB6 (/home/searchableguy/Projects/markdown-plate/packages/web/.next/server/static/RliGDI8Sui6A6NoqWItw8/pages/[templateId].js:558:18)
    at __webpack_require__ (/home/searchableguy/Projects/markdown-plate/packages/web/.next/server/static/RliGDI8Sui6A6NoqWItw8/pages/[templateId].js:23:31) type: 'ReferenceError' }
error Command failed with exit code 1.

Packages

"next": "canary",     
"react": "experimental",     
"react-dom": "experimental", 

(all on latest version)

Next Config

 experimental: {
    reactMode: "concurrent",
    reactStrictMode: true,
    reactRefresh: true,
  },

[jamesmosier]

What version of Node are you running (node -v)? It looks like globalThis only works on Node v12 and up (as well as modern browsers).

Alternatively you could ensure this reactfire package only runs in the browser, in which your build would then pass. You could import the component that uses reactfire via a dynamic import with { ssr: false }

[ghost]

Oh you are right. SMH, I had firebase functions in the mono repo. Because of that, I switched to node 10 temporarily. Thanks!