diff --git a/packages/vike-react/src/renderer/onRenderClient.tsx b/packages/vike-react/src/renderer/onRenderClient.tsx
index 5e66ce43..d5cc63c0 100644
--- a/packages/vike-react/src/renderer/onRenderClient.tsx
+++ b/packages/vike-react/src/renderer/onRenderClient.tsx
@@ -8,6 +8,8 @@ import { getPageElement } from './getPageElement.js'
 
 let root: ReactDOM.Root
 const onRenderClient: OnRenderClientSync = (pageContext): ReturnType<OnRenderClientSync> => {
+  pageContext.config.onBeforeRenderClient?.(pageContext)
+
   const page = getPageElement(pageContext)
 
   // TODO: implement this? So that, upon errors, onRenderClient() throws an error and Vike can render the error. As of April 2024 it isn't released yet.
@@ -17,7 +19,6 @@ const onRenderClient: OnRenderClientSync = (pageContext): ReturnType<OnRenderCli
 
   const container = document.getElementById('react-root')!
   if (container.innerHTML !== '' && pageContext.isHydration) {
-    pageContext.config.onBeforeRenderClient?.(pageContext)
     // First render (hydration)
     root = ReactDOM.hydrateRoot(container, page, {
       // @ts-expect-error