Property 'API_BASE_URL' does not exist on type '{}'. Error

Property ‘API_BASE_URL’ does not exist on type ‘{}’. Error

If you are working with TypeScript, you may have encountered the error message “Property ‘API_BASE_URL’ does not exist on type ‘{}’” at some point. This error typically occurs when you are trying to access a property on an object, but TypeScript cannot find the property definition in the object’s type.
Fortunately, there are a few solutions to this problem that you can try:

Solution 1: Define the property in the object’s type

The first solution is to define the missing property in the object’s type explicitly. By doing so, TypeScript will recognize the property and prevent the error from occurring.


interface MyObjectType {
    API_BASE_URL: string;
}

const myObject: MyObjectType = {
    API_BASE_URL: "https://example.com/api"
};

Solution 2: Use type assertion

If you are unable to modify the object’s type or if the object is dynamically created, you can use type assertion to tell TypeScript that the object has the missing property.


const myObject: {} = {
    // ...
};

const apiUrl = (myObject as any).API_BASE_URL;

Solution 3: Use optional chaining

Optional chaining is a feature introduced in TypeScript 3.7 that allows you to safely access properties on objects that may be undefined or null. By using optional chaining, you can avoid the error without modifying the object’s type or resorting to type assertion.


const myObject: {} = {
    // ...
};

const apiUrl = myObject?.API_BASE_URL;

By applying one of these solutions, you should be able to resolve the “Property ‘API_BASE_URL’ does not exist on type ‘{}’” error in TypeScript. Remember to choose the solution that best fits your specific use case.

Property ‘API_BASE_URL’ does not exist on type ‘{}’. Error