Error message displays computed name '[attr]' instead of key value

🔎 Search Terms

computed property, error message

🕗 Version & Regression Information

• This is the behavior in every version I tried, and I reviewed the FAQ for entries about computed properties

⏯ Playground Link

https://tsplay.dev/WyV2bw

💻 Code

type Unit =
  | {
      name: string;
      stength: number;
    }
  | {
      name: string;
      magic: number;
    };

const createUnit = (
  name: string,
  attr: "strength" | "magic",
  power: number,
): Unit => {
  return attr === "strength"
    ? { name, [attr]: power } // <-- error here
    : { name, [attr]: power };
};

🙁 Actual behavior

Error message displays "Object literal may only specify known properties, and '[attr]' does not exist in type 'Unit'".

🙂 Expected behavior

Error message should display that "strength" doesn't exist on Unit. (and possibly even recommend "stength" instead)

Additional information about the issue

No response

Reproduisez le diagnostic de l'exemple de code TypeScript dans le Playground lié et comparez le message réel '[attr]' avec la formulation attendue 'strength'. Suivez le chemin de signalement des erreurs de propriétés calculées dans le compilateur et ajoutez une couverture pour l'exemple présenté, y compris l'orthographe suggérée 'stength' si elle est prise en charge. Le travail est terminé lorsque le diagnostic signale la valeur de clé résolue plutôt que l'expression source.