Reading value from .env file is prepending domain url to the backend url

[nupurneogi]

.env file has
VITE_BACKEND_URL = "https://test.com/api"

In react typescript file,

let url = JSON.stringify(import.meta.env.VITE_BACKEND_URL);

const axiosInstance = axios.create({
baseURL : ${url},
headers: headers
});

As seen in the network tab, the url shows

http://localhost:5100/%22https://test.com/api%22/user

instead of

https://test.com/api/user

Any help

[abhishek73magar]

@nupurneogi do not use double quote

VITE_BACKEND_URL=https://test.com/api

[nupurneogi]

Thanks. To add to the above. React typescript requires env.d.ts file.

interface ImportMetaEnv {
readonly VITE_BACKEND_URL: string
// more env variables...
}

interface ImportMeta {
readonly env: ImportMetaEnv
}
Hope this helps for all those who land up there.