types: possible malformed type error message for $patch

[schalkneethling]

Reproduction

N/A - I think

Steps to reproduce the bug

It is difficult to provide steps to reproduce, so I will describe the problem as clearly as possible. I have the following line of code in a Vue single file component (SFC).

Note: I am unsure whether Pinia can address this, but I wanted to highlight it in case it can be.

userSessionStateStore.$patch(createUserResponse.value);

createUserResponse.value is, in fact, a Proxy(Object), and so I cannot pass it directly as an argument to $patch. I was unsure whether that was the case, so I tried it and then got the following error in VSCode when hovering over $patch:

No overload matches this call.
  Overload 1 of 2, '(partialState: _DeepPartial<{ avatar?: string | undefined; email: string; firstName?: string | undefined; isVerified: boolean; lastName?: string | undefined; role: string; }>): void', gave the following error.
  Overload 2 of 2, '(stateMutator: (state: { avatar?: string | undefined; email: string; firstName?: string | undefined; isVerified: boolean; lastName?: string | undefined; role: string; }) => any): void', gave the following error. ts(2769)
const createUserResponse: globalThis.Ref<unknown>

The string "gave the following error" seems to be in the incorrect place within the error or may be redundant. Now, I wonder if this is managed from Pinia's types or whether the TypeScript engine inside VSCode could not construct a better message.

Expected behavior

I would have expected the error to be something like this:

No overload matches this call.
  '(partialState: createUserResponse: globalThis.Ref<unknown>)'
  Overload 1 of 2, '(partialState: _DeepPartial<{ avatar?: string | undefined; email: string; firstName?: string | undefined; isVerified: boolean; lastName?: string | undefined; role: string; }>): void'
  Overload 2 of 2, '(stateMutator: (state: { avatar?: string | undefined; email: string; firstName?: string | undefined; isVerified: boolean; lastName?: string | undefined; role: string; }) => any): void' ts(2769)

Actual behavior

As mentioned in the steps to reproduce, this is the description of the error as shown in VSCode:

No overload matches this call.
  Overload 1 of 2, '(partialState: _DeepPartial<{ avatar?: string | undefined; email: string; firstName?: string | undefined; isVerified: boolean; lastName?: string | undefined; role: string; }>): void', gave the following error.
  Overload 2 of 2, '(stateMutator: (state: { avatar?: string | undefined; email: string; firstName?: string | undefined; isVerified: boolean; lastName?: string | undefined; role: string; }) => any): void', gave the following error. ts(2769)
const createUserResponse: globalThis.Ref<unknown>

Additional information

No response