diff --git a/studio/components/interfaces/Settings/Logs/LogSelection.tsx b/studio/components/interfaces/Settings/Logs/LogSelection.tsx index 0fba23d8f21..a7a9d228670 100644 --- a/studio/components/interfaces/Settings/Logs/LogSelection.tsx +++ b/studio/components/interfaces/Settings/Logs/LogSelection.tsx @@ -35,7 +35,7 @@ const LogSelection: FC = ({ queryType, params = {}, }) => { - const [{ logData: fullLog, isLoading }] = useSingleLog( + const { logData: fullLog, isLoading } = useSingleLog( projectRef, queryType, params, diff --git a/studio/hooks/analytics/useSingleLog.tsx b/studio/hooks/analytics/useSingleLog.tsx index 690c5df5eb3..996ba91f756 100644 --- a/studio/hooks/analytics/useSingleLog.tsx +++ b/studio/hooks/analytics/useSingleLog.tsx @@ -11,12 +11,10 @@ import { API_URL } from 'lib/constants' import { get } from 'lib/common/fetch' import { useQuery } from '@tanstack/react-query' -interface Data { +interface SingleLogHook { logData: LogData | undefined error: string | Object | null isLoading: boolean -} -interface Handlers { refresh: () => void } function useSingleLog( @@ -24,7 +22,7 @@ function useSingleLog( queryType?: QueryType, paramsToMerge?: Partial, id?: string | null -): [Data, Handlers] { +): SingleLogHook { const table = queryType ? LOGS_TABLES[queryType] : undefined const sql = id && table ? genSingleLogQuery(table, id) : '' const params: LogsEndpointParams = { ...paramsToMerge, project: projectRef, sql } @@ -52,15 +50,11 @@ function useSingleLog( ) let error: null | string | object = rcError ? (rcError as any).message : null - return [ - { - logData: data?.result ? data.result[0] : undefined, - isLoading: (enabled && isLoading) || isRefetching, - error, - }, - { - refresh: () => refetch(), - }, - ] + return { + logData: data?.result ? data.result[0] : undefined, + isLoading: (enabled && isLoading) || isRefetching, + error, + refresh: () => refetch(), + } } export default useSingleLog