vike-react 0.4.12 → 0.4.13

package/dist/+config.d.ts

@@ -66,13 +66,8 @@ declare const _default: {
                 client: true;
             };
         };
-        VikeReactQueryWrapper: {
-            env: {
-                client: true;
-                server: true;
-            };
-        };
         Wrapper: {
+            cumulative: true;
             env: {
                 client: true;
                 server: true;

package/dist/+config.js

@@ -51,10 +51,8 @@ export default {
         onAfterRenderClient: {
             env: { client: true }
         },
-        VikeReactQueryWrapper: {
-            env: { client: true, server: true }
-        },
         Wrapper: {
+            cumulative: true,
             env: { client: true, server: true }
         },
         // Vike already defines the setting 'name', but we redundantly define it here for older Vike versions (otherwise older Vike versions will complain that 'name` is an unknown config). TODO/eventually: remove this once <=0.4.172 versions become rare (also because we use the `require` setting starting from `0.4.173`).

package/dist/renderer/getPageElement.js

@@ -2,14 +2,14 @@ export { getPageElement };
 import React from 'react';
 import { PageContextProvider } from '../hooks/usePageContext.js';
 function getPageElement(pageContext) {
+    // Main component
     const Layout = pageContext.config.Layout ?? PassThrough;
-    const Wrapper = pageContext.config.Wrapper ?? PassThrough;
-    const VikeReactQueryWrapper = pageContext.config.VikeReactQueryWrapper ?? PassThrough;
     const { Page } = pageContext;
-    let page = (React.createElement(PageContextProvider, { pageContext: pageContext },
-        React.createElement(VikeReactQueryWrapper, { pageContext: pageContext },
-            React.createElement(Wrapper, null,
-                React.createElement(Layout, null, Page ? React.createElement(Page, null) : null)))));
+    let page = React.createElement(Layout, null, Page ? React.createElement(Page, null) : null);
+    (pageContext.config.Wrapper || []).forEach((Wrapper) => {
+        page = React.createElement(Wrapper, null, page);
+    });
+    page = React.createElement(PageContextProvider, { pageContext: pageContext }, page);
     if (pageContext.config.reactStrictMode !== false) {
         page = React.createElement(React.StrictMode, null, page);
     }

package/dist/types/Config.d.ts

@@ -1,4 +1,4 @@
-import type { PageContextClient } from 'vike/types';
+import type { ImportString, PageContextClient } from 'vike/types';
 declare global {
     namespace Vike {
         interface Config {
@@ -21,9 +21,7 @@ declare global {
              *
              * https://vike.dev/Wrapper
              */
-            Wrapper?: (props: {
-                children: React.ReactNode;
-            }) => React.ReactNode;
+            Wrapper?: Wrapper | ImportString;
             /** <title>${title}</title> */
             title?: string;
             /** <link rel="icon" href="${favicon}" /> */
@@ -80,7 +78,13 @@ declare global {
              * https://vike.dev/onAfterRenderClient
              */
             onAfterRenderClient?: (pageContext: PageContextClient) => void;
-            VikeReactQueryWrapper?: React.ReactNode;
+        }
+        interface ConfigResolved {
+            Wrapper?: Wrapper[];
         }
     }
 }
+type Wrapper = (props: {
+    children: React.ReactNode;
+}) => React.ReactNode;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vike-react",
-  "version": "0.4.12",
+  "version": "0.4.13",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",