string or object in typescript resulting in error while accessing

Question

I have replicated the issue in this playground

I tried with different safety checks before accessing the inner key, nothing helped.

Answer 1

Since string is simple type, you should check its type with typeof

type LabelValuesType2 = {
  label: string | { foo: string };
}[];

const values2: LabelValuesType2 = [{ label: { foo: 'value' } }, { label: 'value' }];

values2.map(val => {
  console.log(typeof val.label == 'string' ? val.label : val.label.foo)
})