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

Tái hiện chẩn đoán từ mẫu mã TypeScript trong Playground được liên kết và so sánh thông báo thực tế '[attr]' với cách diễn đạt dự kiến 'strength'. Theo dõi đường dẫn báo cáo lỗi thuộc tính tính toán trong trình biên dịch và bổ sung độ bao phủ cho ví dụ được hiển thị, bao gồm cả cách viết 'stength' được đề xuất nếu được hỗ trợ. Hoàn tất khi chẩn đoán báo cáo giá trị khóa đã được phân giải thay vì biểu thức nguồn.