Long lines of code need to be formatted twice

[zsakowitz]

Prettier 2.5.1
Playground link, second playground link

--parser typescript

Input:

let emit =
    defineEmits<{ (event: "ready", canvas: HTMLCanvasElement): void; (event:"resize",canvas:HTMLCanvasElement):void; }>();

Output:

let emit =
  defineEmits<{
    (event: "ready", canvas: HTMLCanvasElement): void;
    (event: "resize", canvas: HTMLCanvasElement): void;
  }>();

Output upon reformatting:

let emit = defineEmits<{
  (event: "ready", canvas: HTMLCanvasElement): void;
  (event: "resize", canvas: HTMLCanvasElement): void;
}>();

Issue:
Upon reformatting the code, Prettier gives a different response than the original.

Expected behavior:
Prettier should only require a single formatting to correctly format the code.

[zsakowitz]

I've noticed this is often an issue when combining TypeScript generics with object literals. Here's a second example for reference:

Prettier 2.5.1
Playground link, Second playground link

--parser typescript

Input:

function func<T>() {}

let abc=
     func<{a:2,b:3,d:78,e:9,f:8,g:7,h:6,i:5,j:4,k:3,l:2,m:1,n:0,o:9,p:8,q:7,r:6,s:5,t:4,u:3,v:2,w:1,x:0,y:9,z:8}>();

Output:

function func<T>() {}

let abc =
  func<{
    a: 2;
    b: 3;
    d: 78;
    e: 9;
    f: 8;
    g: 7;
    h: 6;
    i: 5;
    j: 4;
    k: 3;
    l: 2;
    m: 1;
    n: 0;
    o: 9;
    p: 8;
    q: 7;
    r: 6;
    s: 5;
    t: 4;
    u: 3;
    v: 2;
    w: 1;
    x: 0;
    y: 9;
    z: 8;
  }>();

Output upon reformatting:

function func<T>() {}

let abc = func<{
  a: 2;
  b: 3;
  d: 78;
  e: 9;
  f: 8;
  g: 7;
  h: 6;
  i: 5;
  j: 4;
  k: 3;
  l: 2;
  m: 1;
  n: 0;
  o: 9;
  p: 8;
  q: 7;
  r: 6;
  s: 5;
  t: 4;
  u: 3;
  v: 2;
  w: 1;
  x: 0;
  y: 9;
  z: 8;
}>();

Expected behavior:
This is another example where Prettier requires two passes to format the code correctly.