I am working on a production react-app so have created a separate file for all my constants and importing them when required. I require BASE URL of the app so have following code:

in constants.js

export const BASE_URL = window.location.origin;

in component

import {BASE_URL} from '../path/constants.js'
.
.
<>
{BASE_URL}
</>

I am getting undefined as output when BASE_URL is printed in the console. What am I doing wrong?