ReferenceError: process is not definedBug: (fill in)

[eliawk]

Prerequisites

• I have searched the repository’s issues and Kinde community to ensure my issue isn’t a duplicate
• I have checked the latest version of the library to replicate my issue
• I have read the contributing guidelines
• I agree to the terms within the code of conduct

Describe the issue

Using:

  const { getUser } = await getKindeSession(request)
  const user = await getUser()

inside a loader give this error in the console fo the browser and break the application:
ReferenceError: process is not defined

Library URL

https://github.com/kinde-oss/kinde-remix-sdk

Library version

1.0.3

Operating system(s)

macOS

Operating system version(s)

12.6

Further environment details

System:
OS: macOS 12.6
CPU: (10) arm64 Apple M1 Pro
Memory: 2.13 GB / 32.00 GB
Shell: 5.8.1 - /bin/zsh
Binaries:
Node: 20.14.0 - ~/.nvm/versions/node/v20.14.0/bin/node
Yarn: 1.22.22 - ~/.nvm/versions/node/v20.14.0/bin/yarn
npm: 10.7.0 - ~/.nvm/versions/node/v20.14.0/bin/npm
Watchman: 2023.10.30.00 - /opt/homebrew/bin/watchman
Browsers:
Chrome: 125.0.6422.142
Safari: 16.0

Reproducible test case URL

No response

Additional information

No response

[peterphanouvong]

We're looking into this issue!

[alistairholt]

Has anything progressed with this?

[jmims-magnusdigital]

Have you tried using import.meta.env.VITE_KINDE_CLIENT_ID?

https://vite.dev/guide/env-and-mode

[p-stam001]

Hi @eliawk
If you add this code into tsconfig.json file, it would be solved.

{
  "compilerOptions": {
    "types": ["node"]
  }
}

It makes Typescript to containing type declarations from the @types/node package, so that TypeScript understands Node.js global variables like process, Buffer, __dirname, setTimeout, etc.