@tramvai/module-render 2.48.3 → 2.49.2

package/lib/browser.js

@@ -10,6 +10,7 @@ import { jsx } from 'react/jsx-runtime';
 import { createEvent, createReducer, useStore, Provider } from '@tramvai/state';
 import { useDi, ERROR_BOUNDARY_TOKEN, ERROR_BOUNDARY_FALLBACK_COMPONENT_TOKEN, UniversalErrorBoundary, DIContext } from '@tramvai/react';
 import { usePageService, useUrl } from '@tramvai/module-router';
+import debounce from '@tinkoff/utils/function/debounce';
 import { useIsomorphicLayoutEffect } from '@tinkoff/react-hooks';
 import { composeLayoutOptions, createLayout } from '@tinkoff/layout-factory';
 
@@ -115,14 +116,26 @@ const ExecuteRenderCallback = ({ children, callback, }) => {
 const renderer = ({ element, container, callback, log }) => {
     if (process.env.__TRAMVAI_CONCURRENT_FEATURES && typeof hydrateRoot === 'function') {
         const wrappedElement = createElement(ExecuteRenderCallback, { callback }, element);
+        let allErrors = new Map();
+        const logHydrateRecoverableError = debounce(50, () => {
+            if (allErrors.size === 0) {
+                return;
+            }
+            const [{ error, errorInfo }, ...otherErrors] = Array.from(allErrors.values());
+            allErrors = new Map();
+            log.error({
+                event: 'hydrate:recover-after-error',
+                error,
+                errorInfo,
+                otherErrors,
+            });
+        });
         return startTransition(() => {
             hydrateRoot(container, wrappedElement, {
                 onRecoverableError: (error, errorInfo) => {
-                    log.error({
-                        event: 'hydrate:recover-after-error',
-                        error,
-                        errorInfo,
-                    });
+                    // deduplicate by unique important string values
+                    allErrors.set((error === null || error === void 0 ? void 0 : error.message) + (errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.componentStack), { error, errorInfo });
+                    logHydrateRecoverableError();
                 },
             });
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tramvai/module-render",
-  "version": "2.48.3",
+  "version": "2.49.2",
   "description": "",
   "browser": "lib/browser.js",
   "main": "lib/server.js",
@@ -26,13 +26,13 @@
     "@tinkoff/htmlpagebuilder": "0.5.5",
     "@tinkoff/layout-factory": "0.3.4",
     "@tinkoff/url": "0.8.4",
-    "@tinkoff/user-agent": "0.4.112",
-    "@tramvai/module-client-hints": "2.48.3",
-    "@tramvai/module-router": "2.48.3",
-    "@tramvai/react": "2.48.3",
+    "@tinkoff/user-agent": "0.4.115",
+    "@tramvai/module-client-hints": "2.49.2",
+    "@tramvai/module-router": "2.49.2",
+    "@tramvai/react": "2.49.2",
     "@tramvai/safe-strings": "0.5.6",
-    "@tramvai/tokens-render": "2.48.3",
-    "@tramvai/experiments": "2.48.3",
+    "@tramvai/tokens-render": "2.49.2",
+    "@tramvai/experiments": "2.49.2",
     "@types/loadable__server": "^5.12.6",
     "node-fetch": "^2.6.1"
   },
@@ -40,14 +40,14 @@
     "@tinkoff/dippy": "0.8.9",
     "@tinkoff/utils": "^2.1.2",
     "@tinkoff/react-hooks": "0.1.4",
-    "@tramvai/cli": "2.48.3",
-    "@tramvai/core": "2.48.3",
-    "@tramvai/module-common": "2.48.3",
-    "@tramvai/state": "2.48.3",
-    "@tramvai/test-helpers": "2.48.3",
-    "@tramvai/tokens-common": "2.48.3",
-    "@tramvai/tokens-router": "2.48.3",
-    "@tramvai/tokens-server-private": "2.48.3",
+    "@tramvai/cli": "2.49.2",
+    "@tramvai/core": "2.49.2",
+    "@tramvai/module-common": "2.49.2",
+    "@tramvai/state": "2.49.2",
+    "@tramvai/test-helpers": "2.49.2",
+    "@tramvai/tokens-common": "2.49.2",
+    "@tramvai/tokens-router": "2.49.2",
+    "@tramvai/tokens-server-private": "2.49.2",
     "express": "^4.17.1",
     "prop-types": "^15.6.2",
     "react": ">=16.14.0",