test.tsx

export const useOneTimeLoggedQuery = <Data = any, Variables extends AnyVariables = AnyVariables>(
	document: TypedDocumentNode<Data, Variables>,
	variables?: Variables,
	opts?: Partial<OperationContext>,
) => {
	const [state, setState] = useState<[NonNullable<Data> | undefined, Error | undefined]>([undefined, undefined])
	const [client, isLogged] = useAuthSession(useShallow((s) => [s.client, s.isLogged]))

	const isConnected = isLogged

	const handler = async () => {
		const result = await client.query<Data, Variables>(document, variables ?? ({} as Variables), opts).toPromise()
		if (!result) setState([undefined, undefined])
		else if (result.error) {
			console.error(result.error)
			DdRum.addError(result.error.message, ErrorSource.CUSTOM, result.error.stack ?? "no stack", {
				source: `useOneTimeLoggedQuery - ${getOperationName(document)}`,
			})
			setState([undefined, result.error])
		} else if (!result.data) setState([undefined, new Error("No data")])
		else setState([result.data, undefined])
	}

	useEffect(() => {
		if (!isConnected) return
		handler()
	}, [isConnected])

	return [...state, handler] as const
}