classes.ts:22 Uncaught ReferenceError: process is not defined

[JenuelDev]

Environment

• Package version(s): "^3.47.0"
• Operating System: windows 10
• Browser name and version: Chrome 92.+

Code Sandbox

link to sandbox

Steps to reproduce

1. git clone https://github.com/BroJenuel-Youtube/testing-vite-react
2. yarn dev
3. Button not working!

Actual behavior

I tried using VITE for my react project, used a button but not working. and this error shows up in my console.

here is the code

import React, { useState } from 'react'
import logo from './logo.svg'
import './App.css'
import { Button } from "@blueprintjs/core";

function App() {
  const [count, setCount] = useState(0)

  return (
    <div className="App">
      <Button intent="success" text="button content" onClick={() => setCount((count) => count +1)} />
      Hello World! {count}
      <button onClick={() => setCount((count) => count +1)} >
        Button
      </button>
    </div>
  )
}

export default App

Expected behavior

The button component should run.

[adidahiya]

I'm not familiar with Vite. This looks like a duplicate of #3739. Until that issue is fixed, maybe you can define process.env through Vite config?

[adidahiya]

fixed by #4934