Method override doesn't work with union/intersection combination: (A | B) & C

[cakoose]

Flow version: v0.101.0

// @flow
type Row = {rowId: string};
type Column = {columnId: string}

class A {
  f1(a: Array<Row | Column>) {}
  f2(a: Array<Row & {index: number}>) {}
  f3(a: Array<(Row | Column) & {index: number}>) {}
}

class B extends A {
  f1(a: Array<Row | Column>) {}                      // <-- no error (good!)
  f2(a: Array<Row & {index: number}>) {}             // <-- no error (good!)
  f3(a: Array<(Row | Column) & {index: number}>) {}  // <-- unexpected error
}

flow.org/try: link

14:   f3(a: Array<(Row | Column) & {index: number}>) {}      ^ Cannot extend `A` [1] with `B` because in array element of the first argument of property `f3`: Either property `rowId` is missing in `Column` [2] but exists in `Row` [3]. Or property `rowId` is missing in object type [4] but exists in `Row` [3]. Or property `columnId` is missing in `Row` [5] but exists in `Column` [6]. Or property `columnId` is missing in object type [4] but exists in `Column` [6].
References:
11: class B extends A {
                    ^ [1]
14:   f3(a: Array<(Row | Column) & {index: number}>) {}
                         ^ [2]
8:   f3(a: Array<(Row | Column) & {index: number}>) {}
                  ^ [3]
14:   f3(a: Array<(Row | Column) & {index: number}>) {}
                                   ^ [4]
14:   f3(a: Array<(Row | Column) & {index: number}>) {}
                   ^ [5]
8:   f3(a: Array<(Row | Column) & {index: number}>) {}
                        ^ [6]