$ node --version
v20.8.1

$ npm --version
10.1.0

npm i @whereby.com/[email protected]

$ npm run dev
> [email protected] dev
> next dev

  ▲ Next.js 13.5.6
  - Local:        http://localhost:3000
  - Environments: .env

 ✓ Ready in 2.1s
 ✓ Compiled / in 1167ms (238 modules)
 ✓ Compiled /clientside in 183ms (280 modules)
 ✓ Compiled /serverside in 115ms (284 modules)
 ⨯ ReferenceError: require is not defined in ES module scope, you can use import instead
This file is being treated as an ES module because it has a '.js' file extension and '/home/merlin/learning/whereby-browser-sandbox/node_modules/@whereby.com/browser-sdk/package.json' contains "type": "module". To treat it as a CommonJS script, rename it to use the '.cjs' file extension.
    at file:///home/merlin/learning/whereby-browser-sandbox/node_modules/@whereby.com/browser-sdk/dist/lib.cjs.js:3:14
    at ModuleJob.run (node:internal/modules/esm/module_job:217:25)
    at async ModuleLoader.import (node:internal/modules/esm/loader:316:24)
    at async importModuleDynamicallyWrapper (node:internal/vm/module:431:15) {
  page: '/serverside'
}
 ✓ Compiled /_error in 59ms (286 modules)

$ npm start
> [email protected] start
> react-scripts start

(node:3789123) [DEP_WEBPACK_DEV_SERVER_ON_AFTER_SETUP_MIDDLEWARE] DeprecationWarning: 'onAfterSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.
(Use `node --trace-deprecation ...` to show where the warning was created)
(node:3789123) [DEP_WEBPACK_DEV_SERVER_ON_BEFORE_SETUP_MIDDLEWARE] DeprecationWarning: 'onBeforeSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.
Starting the development server...

Failed to compile.

Attempted import error: 'useLocalMedia' is not exported from '@whereby.com/browser-sdk' (imported as 'useLocalMedia').
ERROR in ./src/components/MyPreCallUX.tsx 9:21-34
export 'useLocalMedia' (imported as 'useLocalMedia') was not found in '@whereby.com/browser-sdk' (possible exports: default)

ERROR in ./src/components/MyPreCallUX.tsx 35:36-45
export 'VideoView' (imported as 'VideoView') was not found in '@whereby.com/browser-sdk' (possible exports: default)

ERROR in ./src/components/MyPreCallUX.tsx 50:10-23
export 'useLocalMedia' (imported as 'useLocalMedia') was not found in '@whereby.com/browser-sdk' (possible exports: default)

webpack compiled with 3 errors
Files successfully emitted, waiting for typecheck results...
Issues checking in progress...
ERROR in src/components/MyPreCallUX.tsx:1:42
TS7016: Could not find a declaration file for module '@whereby.com/browser-sdk'. '/home/merlin/learning/whereby-browser-sandbox/node_modules/@whereby.com/browser-sdk/dist/lib.cjs.js' implicitly has an 'any' type.
  Try `npm i --save-dev @types/whereby.com__browser-sdk` if it exists or add a new declaration (.d.ts) file containing `declare module '@whereby.com/browser-sdk';`
  > 1 | import { useLocalMedia, VideoView } from "@whereby.com/browser-sdk";
      |                                          ^^^^^^^^^^^^^^^^^^^^^^^^^^
    2 |
    3 | function MyPreCallUX() {
    4 |   const localMedia = useLocalMedia({ audio: false, video: true });

ERROR in src/components/MyPreCallUX.tsx:13:27
TS7006: Parameter 'd' implicitly has an 'any' type.
    11 |     <div className="preCallView">
    12 |       {/* Render any UI, making use of state */}
  > 13 |       {cameraDevices.map((d) => (
       |                           ^
    14 |         <p
    15 |           key={d.deviceId}
    16 |           onClick={() => {

$ npm i @whereby.com/[email protected]
npm ERR! code 1
npm ERR! The git reference could not be found
npm ERR! command git --no-replace-objects checkout v5.3.0
npm ERR! error: pathspec 'v5.3.0' did not match any file(s) known to git

npm ERR! A complete log of this run can be found in: /home/merlin/.npm/_logs/2023-10-30T07_16_16_902Z-debug-0.log

$ npm i @whereby.com/[email protected]
npm WARN deprecated [email protected]: Please use the native JSON object instead of JSON 3

added 75 packages, changed 1 package, and audited 466 packages in 14s

130 packages are looking for funding
  run `npm fund` for details

8 vulnerabilities (1 moderate, 6 high, 1 critical)

To address all issues (including breaking changes), run:
  npm audit fix --force

Run `npm audit` for details.

$ node --version
v20.8.1

$ npm --version
10.1.0

Error: Failed to fetch update manifest Internal Server Error
    at http://localhost:3000/_next/static/chunks/fallback/webpack.js?ts=1686740013295:1176:37
ReferenceError: exports is not defined in ES module scope
This file is being treated as an ES module because it has a '.js' file extension and '/bla/bla/bla/node_modules/@whereby.com/browser-sdk/package.json' contains "type": "module". To treat it as a CommonJS script, rename it to use the '.cjs' file extension.

Could not find a declaration file for module '@whereby.com/browser-sdk'. '/home/merlin/repos/mycoolapp/node_modules/@whereby.com/browser-sdk/dist/lib.cjs.js' implicitly has an 'any' type.
  Try `npm i --save-dev @types/whereby.com__browser-sdk` if it exists or add a new declaration (.d.ts) file containing `declare module '@whereby.com/browser-sdk';`ts(7016)

$ npm --version
8.5.5

$ node --version
v16.15.0
 ~/r/hello_app (

    "@whereby.com/browser-sdk": "^1.11.0",
    "typescript": "^5.1.6",

x Build failed in 20.81s
error during build:
../node_modules/@whereby.com/media/dist/index.mjs (10:7): "default" is not exported by "../node_modules/uuid-validate/index.js", imported by "../node_modules/@whereby.com/media/dist/index.mjs".
file: /opt/actions-runner/_work/monorepo/monorepo/node_modules/@whereby.com/media/dist/index.mjs:10:7

 8: import { Address6 } from 'ip-address';
 9: import checkIp from 'check-ip';
10: import validate from 'uuid-validate';
           ^
11: import { io } from 'socket.io-client';

const viteConfig: UserConfig = {
  define: {
    ...all evn variables,
    "process.env": {},
  },
  resolve: {
    alias: {
      src: path.resolve(__dirname, "./src"),
      buffer: "buffer/",
    },
  },
  plugins: [
    react(),
    relay,
    svgrPlugin(),
    inject({
      Buffer: ["buffer", "Buffer"],
    }),
    sentryVitePlugin({
      authToken: process.env.SENTRY_AUTH_TOKEN ?? "",
      org: "project-vault",
      project: "nous-frontend-web",
    }),
    TanStackRouterVite(routeConfig),

    isProduction ? null : bundleStats(),
  ],
  server: {
    port: 3000,
    strictPort: true,
    host: true,
  },
  build: {
    sourcemap: true,
    rollupOptions: {
      output: {
        assetFileNames: "assets/[name].[hash][extname]",
        chunkFileNames: "assets/[name].[hash].js",
        entryFileNames: "assets/[name].[hash].js",
        manualChunks: (id) => {
          if (id.includes("/@formatjs")) {
            return "i18n"
          }
          if (id.includes("/glow/assets")) {
            return "glow"
          }
        },
      },
    },
  },
}

export default defineConfig(viteConfig)