создать приложение реакции не собирая .env файлы?

Я использую приложение для создания реакции для начальной загрузки моего приложения.

Я добавил два .env файла .env.development и .env.production в корень.

Мой .env.development включает в себя:

API_URL=http://localhost:3000/api
CALLBACK_URL=http://localhost:3005/callback

Когда я запускаю свое приложение, используя react-scripts start и консоль process.env, оно выплевывает

{ NODE_ENV: "development", PUBLIC_URL: "" }

Я пробовал разные что-то, но я просто не собираю в своем файле разработки проверяемые файлы, что я делаю неправильно?!

Структура Directry:

/.env.development
/src/index.js

Сценарий Package.json:

"start": "export PORT=3005; npm-run-all --parallel server:start client:start",
    "client:start": "export PORT=3005; react-scripts start",
    "server:start": "node server.js",
    "build": "react-scripts build",

Редактировать:

@jamcreencia правильно указал, что мои переменные должны иметь префикс с REACT_APP.

Редактировать 2

Это работает нормально, если я назову файл .env, но не если я использую .env.development или .end.production