error calling ThreeCameraControls.install

[joprice]

I'm getting the error

TypeError: ThreeCameraControls.install is not a function

when importing reagraph. Has something change in the camera-controls dependency or could this some issue on my side?

[amcdnl]

We haven't changed any depedencies lately. If you can narrow it down, happy to see how we can solve it.

[joprice]

It’s odd. I see the dep in node_modules. Perhaps it’s a pnpm issue. I’ve seen this with some packages, depending on the module style used. I’ll try to repro with npm first.

[gedomer]

I'm facing the same issue. Have you managed to resolve it? If so, how'd you fix it? @joprice

[amcdnl]

What version of three/reagraph are you running?

[dsteinbach-ep]

Same here. Doing results in the same error:

rm -rf node_modules
yarn cache clean
yarn add reagraph

Running the basic ReaGraph example I get:

TypeError: ThreeCameraControls.install is not a function
    at file:///Users/my-user/my-project/node_modules/reagraph/dist/index.js:1918:21
    at ModuleJob.run (node:internal/modules/esm/module_job:234:25)
    at async ModuleLoader.import (node:internal/modules/esm/loader:473:24)

[tomsoderlund]

I get the same issue:

  [vite] Internal server error: ThreeCameraControls.install is not a function
        at file:///MYAPP/node_modules/reagraph/src/CameraControls/CameraControls.tsx:50:16
        at ModuleJob.run (node:internal/modules/esm/module_job:218:25)
        at ModuleLoader.import (node:internal/modules/esm/loader:329:24)
        at nodeImport (file:///MYAPP/node_modules/vite/dist/node/chunks/dep-CDnG8rE7.js:52999:15)
        at ssrImport (file:///MYAPP/node_modules/vite/dist/node/chunks/dep-CDnG8rE7.js:52857:16)
        at eval (/MYAPP/app/components/charts/NetworkGraph.tsx:4:31)
        at instantiateModule (file:///MYAPP/node_modules/vite/dist/node/chunks/dep-CDnG8rE7.js:52915:5) (x5)

Dependencies:

• NPM
• Vite (Remix)
• "reagraph": "^4.21.5"
• "react": "^18.2.0"
• Tried manually adding "three": "^0.154.0" but same issue

[re-taro]

This seems to happen only with SSR? It worked with React Router ssr: false. It does not work with ssr: true

[SerhiiTsybulskyi]

You just need to skip rendering the component that uses reagraph on SSR. Render that component only on CSR (browser)

[re-taro]

I fixed it

#322

[bibekg]

I'm also experiencing this issue but when trying to run tests in Jest. Perhaps there's a way to mock out reagraph in tests that I'm missing?

 ● Test suite failed to run

    TypeError: ThreeCameraControls.install is not a function

    // ... app-specific code

      at node_modules/.pnpm/[email protected]_kebtzgqjtclcd66xhk3kcc7pui/node_modules/reagraph/src/CameraControls/CameraControls.tsx:50:16
      at node_modules/.pnpm/[email protected]_kebtzgqjtclcd66xhk3kcc7pui/node_modules/reagraph/dist/index.umd.cjs:14:66
      at Object.<anonymous> (node_modules/.pnpm/[email protected]_kebtzgqjtclcd66xhk3kcc7pui/node_modules/reagraph/dist/index.umd.cjs:15:3)
      // ... more callstack