diff --git a/src/react/hooks/useQuery.ts b/src/react/hooks/useQuery.ts
index b608c4b8b6b..24a52cc0c0e 100644
--- a/src/react/hooks/useQuery.ts
+++ b/src/react/hooks/useQuery.ts
@@ -338,7 +338,7 @@ function useObservableSubscriptionResult<
   }
 ) {
   const callbackRef = React.useRef<Callbacks<TData>>(callbacks);
-  React.useEffect(() => {
+  React.useLayoutEffect(() => {
     // Make sure state.onCompleted and state.onError always reflect the latest
     // options.onCompleted and options.onError callbacks provided to useQuery,
     // since those functions are often recreated every time useQuery is called.