diff --git a/packages/client/src/app.ts b/packages/client/src/app.ts
index 3f45e306e9..1aedfbed0e 100644
--- a/packages/client/src/app.ts
+++ b/packages/client/src/app.ts
@@ -28,8 +28,8 @@ export const createVueApp: CreateVueAppFunction = async () => {
       }
 
       // get all root components
-      const rootComponents = clientConfigs.flatMap(
-        ({ rootComponents = [] }) => rootComponents,
+      const rootComponents = clientConfigs.flatMap(({ rootComponents = [] }) =>
+        rootComponents.map((component) => h(component)),
       )
 
       // get page layout