Need help run in localhost

Describe the bug
The backend is up and running (verified by http://localhost:8001/graphql)
The front end runs normally with the default config (https://enatega-multivendor.up.railway.app)

But when I switch to my local host (http://localhost:8001), frontend keeps showing the spinning circle.

my .env

PORT=8001
CONNECTION_STRING=mongodb+srv://user123:password123@clusterdemo.rcts9.mongodb.net/?retryWrites=true&w=majority
RESET_PASSWORD_LINK=auth/reset/?reset=
SERVER_URL=http://localhost:8001
STRIPE_WEBHOOK_ENDPOINT_SECRET=
DASHBOARD_URL=http://localhost:3001
WEB_URL=http://localhost:3002
ORDER_DETAIL_WEB_URL=order-detail/

REDIS_HOST=redis
REDIS_PASSWORD=
REDIS_PORT=6379

NODE_DEV=production
NODE_ENV=production
SENDGRID_API_KEY=
my constants.js

// const SERVER_URL = 'https://enatega-multivendor.up.railway.app'
// const WS_SERVER_URL = 'wss://enatega-multivendor.up.railway.app'
const SERVER_URL = 'http://localhost:8001'
const WS_SERVER_URL = 'ws://localhost:8001'

My admin dashboard

Screenshot from 2024-11-19 19-25-17

Update, from the debug console of admin-dashboard

Screenshot from 2024-11-19 19-20-37

everytime I reload the admin-dashboard

Start with the frontend constants.js values for SERVER_URL and WS_SERVER_URL, then compare them with the backend .env settings and the admin-dashboard debug console shown in the issue. Reproduce the reload against localhost:8001 and identify why the frontend remains on the spinner; done means the local frontend loads normally and the dashboard no longer reports the shown error.