How to type query result?

[AnnikenYT]

Hello,
I have a quick question regarding usage of vue-query in typescript.
Till now, I've always used any as type for queries, which works quite fine, but leads to some bad quality code. So I'd like to know if there is a way to type the data that the query returns. For example:

// I have a function that returns the user
export const getUser = () => {
	return reactive(useQuery("user", () => strapi.fetchUser()));
};
// and i know the structure of the user data
export type UsersPermissionsUserEntity = {
  __typename?: 'UsersPermissionsUserEntity';
  id?: Maybe<Scalars['ID']>;
  attributes?: Maybe<UsersPermissionsUser>;
};
// I also know the structure of the Error
export type Error = {
  __typename?: 'Error';
  code: Scalars['String'];
  message?: Maybe<Scalars['String']>;
};

// In my component I do this

<script setup>
const user = getUser()
</script>
<template>
<Loader v-if="user.isLoading" /> <!-- unrelated -->
<p v-if="user.isSuccess">hello {{ user.data.attributes.username }}!</p>
<template>

Is there a way for me to tell typescript that user.data is of type UsersPermissionsUserEntity and user.error is of type Error?
I've tried using user: UseQueryReturnType<UsersPermissionsUserEntity, Error>, but it tells me

 Type '{ readonly data: undefined; readonly error: null; readonly isError: false; readonly isIdle: true; readonly isLoading: false; readonly isLoadingError: false; readonly isRefetchError: false; ... 14 more ...; suspense: () => Promise<...>; }' is not assignable to type 'UseQueryReturnType<UsersPermissionsUserEntity, Error, QueryObserverResult<UsersPermissionsUserEntity, Error>>'.

Is there a way to do this?

[DamianOsipiuk]

Try useQuery<UsersPermissionsUserEntity, Error>(...)

[AnnikenYT]

Yup, that works! Thank you very much 😄