nodejs – undefined .ENV(React APP)

me pueden explicar porque me sale undefined en uno mientras que en el otro no

import dotenv from 'dotenv';
import './App.css';

dotenv.config();

function App() {
  return (
    <div>
      <div> 
        PROBANDO
        {console.log(process.env.REACT_APP_KEY_PRUEBA)}
        {console.log(process.env.REACT_APP_KEY)}
      </div>
    </div>
  );
}

export default App;

las variable dentro del .env están asi

REACT_APP_KEY = PROBANDO ESTA COSA;

REACT_APP_KEY_PRUEBA = PROBANDO;

el resultado que obtuve del console fue esto

undefined

PROBANDO ESTA COSA

yo estaba viendo las razones del porque no me agarraba en mi proyecto anterior entonces me cree un proyecto nuevo vacío para testar esto y veo que me funciona pero no como me esperaba