vike-react 0.6.13 → 0.6.15

package/dist/helpers/clientOnly.d.ts

@@ -1,5 +1,10 @@
 export { clientOnly };
 import { type ComponentProps, type ComponentType, type ReactNode } from 'react';
+/**
+ * Load and render a component only on the client-side.
+ *
+ * https://vike.dev/clientOnly
+ */
 declare function clientOnly<T extends ComponentType<any>>(load: () => Promise<{
     default: T;
 } | T>): ComponentType<ComponentProps<T> & {

package/dist/helpers/clientOnly.js

@@ -1,5 +1,10 @@
 export { clientOnly };
 import React, { Suspense, forwardRef, lazy, useEffect, useState, } from 'react';
+/**
+ * Load and render a component only on the client-side.
+ *
+ * https://vike.dev/clientOnly
+ */
 function clientOnly(load) {
     if (!globalThis.__VIKE__IS_CLIENT) {
         return (props) => React.createElement(React.Fragment, null, props.fallback);

package/dist/hooks/useConfig/useConfig-client.js

@@ -4,7 +4,7 @@ import { getPageContext } from 'vike/getPageContext';
 import { applyHeadSettings } from '../../integration/applyHeadSettings.js';
 function useConfig() {
     // Vike hook
-    let pageContext = getPageContext();
+    let pageContext = getPageContext({ asyncHook: false });
     if (pageContext)
         return (config) => setPageContextConfigViaHook(config, pageContext);
     // Component

package/dist/hooks/useConfig/useConfig-server.js

@@ -13,7 +13,7 @@ import { configsCumulative } from './configsCumulative.js';
  */
 function useConfig() {
     // Vike hook
-    let pageContext = getPageContext();
+    let pageContext = getPageContext({ asyncHook: false });
     if (pageContext)
         return (config) => setPageContextConfigViaHook(config, pageContext);
     // Component

package/dist/integration/onRenderClient.js

@@ -8,6 +8,7 @@ import { applyHeadSettings } from './applyHeadSettings.js';
 import { resolveReactOptions } from './resolveReactOptions.js';
 import { getGlobalObject } from '../utils/getGlobalObject.js';
 import { isObject } from '../utils/isObject.js';
+import { getBetterErrorLight } from '../utils/getBetterErrorLight.js';
 const globalObject = getGlobalObject('onRenderClient.tsx', {});
 async function onRenderClient(pageContext) {
     pageContext._headAlreadySet = pageContext.isHydration;
@@ -70,7 +71,7 @@ function applyHead(pageContext) {
 // Global callback, attached once upon hydration.
 function onUncaughtErrorGlobal(args, userOptions) {
     const [errorOriginal, errorInfo] = args;
-    const errorEnhanced = getErrorEnhanced(errorOriginal, errorInfo);
+    const errorEnhanced = getErrorWithComponentStack(errorOriginal, errorInfo);
     console.error(errorEnhanced);
     // Used by Vike:
     // https://github.com/vikejs/vike/blob/8ce2cbda756892f0ff083256291515b5a45fe319/packages/vike/client/runtime-client-routing/renderPageClientSide.ts#L838-L844
@@ -79,7 +80,7 @@ function onUncaughtErrorGlobal(args, userOptions) {
     globalObject.onUncaughtErrorLocal?.(errorEnhanced);
     userOptions?.onUncaughtError?.call(this, errorEnhanced, errorInfo);
 }
-function getErrorEnhanced(errorOriginal, errorInfo) {
+function getErrorWithComponentStack(errorOriginal, errorInfo) {
     if (!errorInfo?.componentStack || !isObject(errorOriginal))
         return errorOriginal;
     const errorStackLines = String(errorOriginal.stack).split('\n');
@@ -108,18 +109,6 @@ function getErrorEnhanced(errorOriginal, errorInfo) {
         ...componentStackLines,
         ...errorStackLinesEnd,
     ].join('\n');
-    const errorEnhanced = structuredClone(errorOriginal);
-    errorEnhanced.stack = stackEnhanced;
-    // https://gist.github.com/brillout/066293a687ab7cf695e62ad867bc6a9c
-    Object.defineProperty(errorEnhanced, 'getOriginalError', {
-        value: () => errorOriginal,
-        enumerable: true,
-    });
-    /* Not needed. Let's skip this to save client-side KBs.
-    Object.defineProperty(errorOriginal, 'getEnhancedError', {
-      value: () => errorEnhanced,
-      enumerable: true,
-    })
-    //*/
-    return errorEnhanced;
+    const errorBetter = getBetterErrorLight(errorOriginal, { stack: stackEnhanced });
+    return errorBetter;
 }

package/dist/utils/getBetterErrorLight.d.ts

@@ -0,0 +1,4 @@
+export { getBetterErrorLight };
+declare function getBetterErrorLight(err: Record<string, unknown>, modifications: {
+    stack?: string;
+}): Record<string, unknown>;

package/dist/utils/getBetterErrorLight.js

@@ -0,0 +1,14 @@
+export { getBetterErrorLight };
+// Same as getBetterError() but with less features (thus less KBs) for the client-side
+// Copies:
+// - https://github.com/vikejs/vike/blob/a54b7618d80409c6df4b597489ddbb7739f3e86f/packages/vike/utils/getBetterError.ts
+// - https://github.com/brillout/react-streaming/blob/b8565c1257c63a665bda31b9be42112e458859d1/src/utils/getBetterError.ts
+function getBetterErrorLight(err, modifications) {
+    // We don't clone/preserve the original error, because it would slightly increase client-side KBs.
+    // https://github.com/vikejs/vike/blob/cbfb27fb0d061c8258f4b147e91cc6e97a2183b7/packages/vike/utils/shallowClone.ts#L6
+    Object.assign(err, modifications);
+    /* Doesn't make sense since we don't clone the original error, see comment above.
+    Object.assign(err, { getOriginalError: () => (err as any)?.getOriginalError?.() ?? errOriginal })
+    */
+    return err;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vike-react",
-  "version": "0.6.13",
+  "version": "0.6.15",
   "repository": "https://github.com/vikejs/vike-react",
   "type": "module",
   "exports": {
@@ -27,7 +27,7 @@
     "./__internal/integration/Loading": "./dist/integration/Loading.js"
   },
   "dependencies": {
-    "react-streaming": "^0.4.11"
+    "react-streaming": "^0.4.15"
   },
   "peerDependencies": {
     "react": ">=19",
@@ -36,15 +36,15 @@
   },
   "devDependencies": {
     "@biomejs/biome": "^1.9.4",
-    "@brillout/release-me": "^0.4.8",
+    "@brillout/release-me": "^0.4.12",
     "@types/node": "^24.0.8",
     "@types/react": "^19.1.13",
     "@types/react-dom": "^19.1.9",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
+    "react": "^19.2.1",
+    "react-dom": "^19.2.1",
     "rimraf": "^5.0.5",
     "typescript": "^5.9.2",
-    "vike": "^0.4.242",
+    "vike": "^0.4.249",
     "vite": "^7.1.7"
   },
   "typesVersions": {