当我尝试从反应查询中破坏数据时，我得到属性“数据”在“无效”类型上不存在

Question

I am facing issue with react query when I try to destructing the data like this way const {data: getAllChannelSettingTypes} = useGetAllChannelSettingTypes(); I am gettin this error Property 'data' does not exist on type 'void'

Maybe there is a problem with returning the userQueries

const useGetAllChannelSettingTypes = () => {
  const {data: defaultSettingTypes} = useQuery(SETTING_TYPES, () =>
    Api.user.getSettingTypes(),
  );
  const userQueries = useQueries(
    defaultSettingTypes.map((type: any) => {
      return {
        queryKey: ['SETTING_VALUE', type.channelSettingTypeId],
        queryFn: () => Api.user.getSettingValues(type.channelSettingTypeId),
      };
    }),
  );
  console.log(userQueries);
  return userQueries;
};

Answer 1

According to the documentation useQueries returns an array:

The useQueries hook returns an array with all the query results.

Each element in the array has these properties:

• status: String
• isIdle: boolean
• isLoading: boolean
• isSuccess: boolean
• isError: boolean
• isLoadingError: boolean
• isRefetchError: boolean
• data : TData, defaults to undefined .
• dataUpdatedAt: number
• error: null | TError
• errorUpdatedAt: number
• isStale: boolean
• isPlaceholderData: boolean
• isPreviousData: boolean
• isFetched: boolean
• isFetchedAfterMount: boolean
• isFetching: boolean
• isRefetching: boolean
• failureCount: number
• errorUpdateCount: number
• refetch: (options: { throwOnError: boolean, cancelRefetch: boolean }) => Promise
• remove: () => void

So try destructing the data in a loop like this:

 for(let i = 0; i < userQueries.length; i++){ const {data: getAllChannelSettingTypes} = useGetAllChannelSettingTypes() // do something with that data of the given query }

If you are only interested in the first result you could do it like this:

 const {data: getAllChannelSettingTypes} = useGetAllChannelSettingTypes()[0]

Answer 2

尝试删除参数“数据”