Vue/TS How to add a generic T item to a reactive array of generic T items?

[PumpkinVision]

I am using Vue 3.2.37 and vue-tsc 2.0.6.

I am struggling to add a generic object T to a reactive array in a generic class. I believe that my issue is identical to GitHub issue #2136. I have tried to follow the advice provided, but I have failed. Can anyone please assist?

The advice is:

The code with the VS Code complaint I am trying to resolve:

The interface and object types are just guaranteeing that a few properties exist:
export default class GridObject { constructor( public inEdit: boolean, public serverExists: boolean, ) {} }

export default interface IGridData { id: number; }

I have tried:

1. Cast my T object "as reactive<T>", as per the advice in GitHub issue Generic array type infer incorrect  #2136. VS Code tells me that "reactive" refers to a value, but is being used as a type here. Did you mean 'typeof reactive'?". I assume that this complaint refers to the fact that "reactive" normally refers to the reactive function that we use to create reactive objects, for example reactive([]).
2. Cast to 'typeof reactive<T>' as VS code seems to suggest. That leads to the complaint "Conversion of Type 'T' to type 'typeof reactive<T>' may be a mistake because neither type sufficiently overlaps with the other. If this was intentional, convert the expression to 'unknown' first."
3. Cast to unknown and then to typeof reactive<T>. That successfully casts to reactive<T>, but then VS code complains "Argument of type 'typeof reactive<T>' is not assignable to parameter of type 'UnwrapRefSimple<T>'."
4. I thought that maybe the advice was intended to be "cast to as Ref<T> or as Reactive<T>", not "cast to as Ref<T> or as reactive<T>". I tried casting to Reactive<T>. There does not seem to be such a type.
5. Cast to UnwrapRef<T>, which is the stated type of the elements of the fields that hold my reactive arrays (i.e. the array fields are of type UnwrapRef<T>[]). (Using type UnwrapRef<T>[] was the only way that I found to assign the result of "reactive()" to the array field (i.e. I pass a non-reactive array input to the constructor, which is then passed to reactive, which is then stored in a class field).) After casting the newly created T object to UnwrapRef<T>, VS Code complains "Argument of type 'UnwrapRef<T>' is not assignable to parameter of type 'UnwrapRefSimple<T>'."
6. Cast to type UnwrapRefSimple<T>, but this appears to be a vue-internal type, and I cannot cast my object to this type.

How can I add a T object to this reactive array of T objects in a way that VS Code/TypeScript will accept?

[PumpkinVision]

I was able to get around the TypeScript error by forcing TypeScript to read the generic array as if it were a normal array of T objects:
public insert() { if (!this.hasUnsavedNewRow.value) { const newItem = new (this._ctor); (this.gridItems as T[]).unshift(newItem); } }