fix execution order

crisberrios · May 6, 2024 · 3ceb19b · 3ceb19b
1 parent 6222a7a
commit 3ceb19b
Showing 1 changed file with 2 additions and 1 deletion.
diff --git 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