Object is possibly 'undefined'.ts(2532) when I add data to object

user_11758135 0
Viewed 689

I creted object and property formTemplateValues. I have this property with 100% guarantee, but I see error: "Object is possibly 'undefined'". It can't be undefited, because I created it. Why did I have this error and how can I fix it?

Playground

interface Test {
  formTemplateValues?: {
    tabData?: {
      timeInterval?: string;
      };
    }[];
}

let a: Test = {
    formTemplateValues: []
    };

a.formTemplateValues[0] = {  // Object is possibly 'undefined'.ts(2532)
    tabData: {
      timeInterval: "dddd"
    }
}
typescript
1 Answers

Typescript is relying on the type definition you've given for the type which says the field may be missing:

interface Test {
  formTemplateValues?: {
  // ---------------^
    tabData?: {
      timeInterval?: string;
    };
  }[];
}

When you then have the assignment with the annotated type Test, the optional type is kept, even though you assigned a value.

const a: Test = {
  // This is still considered possibly undefined
  formTemplateValues: []
};

If the field will always be there as you said, you could remove the optional from the type definition.
Alternatively, you can either check for the field before adding, or lift up the inner field to a separate type and leave the variable type inferred:

interface TemplateValue {
  tabData?: {
    timeInterval?: string;
  };
};

const a = {
  formTemplateValues: [] as TemplateValue[]
};
user_14706070
Related