Parentheses in nullish coalescing chains impacts type narrowing

Bug Report

🔎 Search Terms

nullish coalescing chain parentheses type narrowing prettier

🕗 Version & Regression Information

This is the behavior in every version I tried, and I reviewed the FAQ for entries about nullish coalescing. Note that at the time of writing, 4.3.5 was the latest stable release.

⏯ Playground Link

Playground link with relevant code

💻 Code

type T =
  | { a: string; b: string }
  | { a: string; b?: undefined }
  | { a?: undefined; b: string };

const getResult1 = (value1: string | undefined, value2: T): string => {
  return value1 ?? value2.a ?? value2.b;
};

const getResult2 = (value1: string | undefined, value2: T): string => {
  return value1 ?? (value2.a ?? value2.b);
};

🙁 Actual behavior

• getResult1 throws a type error, as TypeScript incorrectly infers that value2.b has a type of string | undefined.
• getResult2 does not throw a type error, as TypeScript correctly infers that value2.b has a type of string.

🙂 Expected behavior

The existence and placement of parentheses in nullish coalescing chains should not impact type narrowing, as to my knowledge (and prettier, as it automatically removes the parentheses seen in getResult2), x ?? y ?? z and x ?? (y ?? z) actually behave the same at runtime.

リンク先の TypeScript Playground の再現コードから始め、getResult1 と getResult2 の診断結果を比較してください。nullish coalescing のチェーンと括弧で囲まれた式が型の絞り込みにどのような影響を与えるかを追跡し、同等な 2 つの形式をどちらも対象とするリグレッションテストを追加してください。両方の形式で value2.b が string と推論され、同じ受け入れ可能な結果が生成されれば完了です。