diff --git a/packages/web/lib/logout.ts b/packages/web/lib/logout.ts
index e9bea3e36..689c81f5a 100644
--- a/packages/web/lib/logout.ts
+++ b/packages/web/lib/logout.ts
@@ -4,8 +4,8 @@ import { logoutMutation } from './networking/mutations/logoutMutation'
 import { useCallback } from 'react'
 
 export const useLogout = () => {
+  const queryClient = useQueryClient()
   const logout = useCallback(async () => {
-    const queryClient = useQueryClient()
     await logoutMutation()
     try {
       const result = await logoutMutation()