process is not defined for KV use on Vite when using either fix in documentation

[mfzha]

The main issue is that the moment a line like

import { createClient } from '@vercel/kv;

is added (and before use), there is an error

 Uncaught ReferenceError: process is not defined

This is despite trying either fix in the documentation, for instance

// vite.config.js
import dotenvExpand from 'dotenv-expand';
import { loadEnv, defineConfig } from "vite";
import react from "@vitejs/plugin-react";

// https://vitejs.dev/config/
export default defineConfig(({ mode }) => {
  if (mode === 'development') {
    const env = loadEnv(mode, process.cwd(), '');
    dotenvExpand.expand({ parsed: env });
  } 
  return { plugins: [react()], };
});

will still give the same process is not defined error. The same goes when importing credentials from a file.

I'm using the following versions, with dev script vite.

vite: ^5.4.1
@vercel/kv: ^2.0.0
react: ^18.3.1
node: 20.12.1