'ReferenceError: navigator is not defined' for Next.js apps

[nikhilxb]

I'm trying to use this library within my Next.js app, and I'm getting a ReferenceError: navigator is not defined thrown by this line, since navigator is not defined on the server side.

camera-controls/src/CameraControls.ts

Line 26 in 71ffdc4

const isMac: boolean = /Mac/.test( navigator.platform );

[nikhilxb]

I found a hack that fixes it.

Broken:

import CameraControls from 'camera-controls';
CameraControls.install({ THREE });

Working:

const CameraControls = typeof window !== `undefined` ? require("camera-controls").default : null;
if(CameraControls) CameraControls.install({ THREE });

[yomotsu]

Ah, that's right.
We should add another condition for SSR detection in camera-controls.

I'll work on it this weekend, or you can make a PR for it if you like.

[yomotsu]

I think this should be solved with #125

[nikhilxb]

Awesome, thanks!