Reactjs 18.2 I can't get value from .env file

Question

I want get value from .env file on reactjs 18.2. REACT_APP_API_URL = localhost:4000

My code is on app.js 9-line => console.log(process.env.REACT_APP_API_URL);

import "./App.css";

import { BrowserRouter as Router } from "react-router-dom";

import Routers from "./Router";

function App() {

  console.log("======================");

  console.log(process.env.REACT_APP_API_URL);

  console.log("======================");

  return (

    <Router>

      <Routers />

    </Router>

  );

}

export default App;

But browser return me on console Undefined