Too wide diagnostic with array spread

🔎 Search Terms

array spread, diagnostics

🕗 Version & Regression Information

• This is the behavior in every version I tried and I have reviewed the FAQ

⏯ Playground Link

https://www.typescriptlang.org/play?ts=5.4.4#code/C4TwDgpgBAggRgYygXigIgIZqgH3XbPNBNAbgChyEB7AOwGdgoMAnFjEARgC5ZEBtALooo-TGgA0+NIIpU6jZmw4AmXvARCR-clD1QAdEdbsuE3fvFSLetAXP70AE0nlBQA

💻 Code

type Abc = "a" | "b" | "c";

const array1: Abc[] = ["a", "b"];

const array2: Abc[] = [
    ...array1,
    "a", 
    "b",
    "d",
]

🙁 Actual behavior

The whole contents of array2 is highlighted in red.

🙂 Expected behavior

Only the "d" should be highlighted in red, as it is the only incorrect part of array2. Note that if we remove the spread ...array1, then it works as expected.

Additional information about the issue

With more complicated types/data, this bug can make it pretty hard to diagnose where the problem is.

Beginne mit der verknüpften TypeScript Playground-Reproduktion und dem Array-Spread-Beispiel im Issue. Verfolge, wie die Diagnosen für das Array-Literal erzeugt werden, und überprüfe anschließend, dass nur das Element "d" hervorgehoben wird, während der Spread und die gültigen Elemente nicht hervorgehoben werden.