process is not defined

[mankind4dev]

import { createApi, fetchBaseQuery } from "@reduxjs/toolkit/query/react";

export const api = createApi({
baseQuery: fetchBaseQuery({ baseUrl: process.env.REACT_APP_BASE_URL }),
reducerPath: "adminApi",
tagTypes: ["Mankind"],
endpoints: (build) => ({
getUser: build.query({
query: (id) => general/user/${id},
providesTags: ["Mankind"],
}),
}),
});

export const { userGetUserQuery } = api;

Please, why these error below when I run npm run dev
api.js:5 Uncaught ReferenceError: process is not defined
at api.js:5:40
(anonymous) @ api.js:5

[phryneas]

It seems like your bundler doesn't replace process.env.. Most bundlers should do that by default - what are you using?

Also, this seems to be an access to process your own code...?

Also, please use a more fitting title. For this problem it doesn't really play a role if you want to create a dashboard or build a rocket.

[saurabhk79]

Since, you are using vite here, and vite has different way of processing the environment variables. So, simply change

import { createApi, fetchBaseQuery } from "@reduxjs/toolkit/query/react";

export const api = createApi({
baseQuery: fetchBaseQuery({ baseUrl: import.meta.env.VITE_REACT_APP_BASE_URL }), // <---- changed this
reducerPath: "adminApi",
tagTypes: ["Mankind"],
endpoints: (build) => ({
getUser: build.query({
query: (id) => general/user/${id},
providesTags: ["Mankind"],
}),
}),
});

export const { userGetUserQuery } = api;

Now, it would work...