Getting "ReferenceError: navigator is not defined" in Next.js app

Issues
1

Getting error - ReferenceError: navigator is not defined error from Plasmic in development and production for our NextJS app

3:18:27 PM: Error occurred prerendering page "/". Read more: <https://nextjs.org/docs/messages/prerender-error>
3:18:27 PM: ReferenceError: navigator is not defined
3:18:27 PM:     at factory (eval at load (/opt/build/repo/node_modules/@plasmicapp/loader-core/dist/loader-core.cjs.production.min.js:1:14933), <anonymous>:3:2966)
3:18:27 PM:     at eval (eval at load (/opt/build/repo/node_modules/@plasmicapp/loader-core/dist/loader-core.cjs.production.min.js:1:14933), <anonymous>:3:277419)
3:18:27 PM:     at eval (eval at load (/opt/build/repo/node_modules/@plasmicapp/loader-core/dist/loader-core.cjs.production.min.js:1:14933), <anonymous>:3:277430)
3:18:27 PM:     at Registry.load (/opt/build/repo/node_modules/@plasmicapp/loader-core/dist/loader-core.cjs.production.min.js:1:15023)
3:18:27 PM:     at requireFn (/opt/build/repo/node_modules/@plasmicapp/loader-core/dist/loader-core.cjs.production.min.js:1:14843)
3:18:27 PM:     at eval (eval at load (/opt/build/repo/node_modules/@plasmicapp/loader-core/dist/loader-core.cjs.production.min.js:1:14933), <anonymous>:3:279)
3:18:27 PM:     at Registry.load (/opt/build/repo/node_modules/@plasmicapp/loader-core/dist/loader-core.cjs.production.min.js:1:15023)
3:18:27 PM:     at t.e.getComponent (/opt/build/repo/node_modules/@plasmicapp/loader-react/dist/loader-react.cjs.production.min.js:1:11749)
3:18:27 PM:     at T (/opt/build/repo/node_modules/@plasmicapp/loader-react/dist/loader-react.cjs.production.min.js:1:22438)
3:18:27 PM:     at Q (/opt/build/repo/node_modules/@plasmicapp/loader-react/dist/loader-react.cjs.production.min.js:1:23381)
3:18:27 PM:     at d (/opt/build/repo/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:33:498)
3:18:27 PM:     at bb (/opt/build/repo/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:36:16)
3:18:27 PM:     at a.b.render (/opt/build/repo/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:42:43)
3:18:27 PM:     at a.b.read (/opt/build/repo/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:41:83)
3:18:27 PM:     at Object.exports.renderToString (/opt/build/repo/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:52:138)
3:18:27 PM:     at Object.renderPage (/opt/build/repo/node_modules/next/dist/server/render.js:736:46)

I tried upgrading to the latest loader-nextjs with the same outcome

2

hmm can I see this error somewhere on a live site?

3

No our production site just continues to serve the last working version

4

ah so this is during build?

5

Yes

6

This is from our netlify production build log

7

any chance you could share access to the git repo with us?

8

I don’t think that would be possible, no

9

do you know the timestamp for when this started happening?

10

Our current production site appears to be able to rebuild after revalidate expires

11

So no errors there

12

Last successful deployment Mar 8 at 7:49 AM AU time

13

First recorded failure today 12:48PM

14

So a 2 day window

15

I have tried building the last production release and I get the same issue, so it’s not due to code changes in our repo

16

It only seems to affect the homepage plasmic component

17

Project ID: 4oePdgY6VCnvZ6K6n5P4Sx

18

I tried some previous published versions and got the same error no matter how far I went back

19

appears to be an issue with the lottie components during SSR…

20

appears to be this: https://github.com/airbnb/lottie-web/issues/2731

I’m bumping the version of lottie-web we are using to include the fix