gridsuite · TheMaskedTurtle · Nov 7, 2025 · Nov 17, 2025
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -14,7 +14,7 @@
     "dependencies": {
         "@emotion/react": "^11.14.0",
         "@emotion/styled": "^11.14.1",
-        "@gridsuite/commons-ui": "0.136.0",
+        "@gridsuite/commons-ui": "../commons-ui/gridsuite-commons-ui-0.136.0.tgz",
         "@hello-pangea/dnd": "^18.0.1",
         "@hookform/resolvers": "^4.1.3",
         "@mui/icons-material": "^5.18.0",

diff --git a/src/components/app.jsx b/src/components/app.jsx
@@ -23,6 +23,7 @@ import {
     useNotificationsListener,
     useSnackMessage,
     getComputedLanguage,
+    snackWithFallback,
 } from '@gridsuite/commons-ui';
 import PageNotFound from './page-not-found';
 import { FormattedMessage } from 'react-intl';
@@ -155,12 +156,7 @@ const App = () => {
                     .then((param) => {
                         updateParams([param]);
                     })
-                    .catch((error) =>
-                        snackError({
-                            messageTxt: error.message,
-                            headerId: 'paramsRetrievingError',
-                        })
-                    );
+                    .catch((error) => snackWithFallback(snackError, error, { headerId: 'paramsRetrievingError' }));
             }
         },
         [snackError, updateParams]
@@ -212,9 +208,7 @@ const App = () => {
                     dispatch(saveSpreadsheetGlobalFilters(tabUuid, formattedGlobalFilters));
                 })
                 .catch((error) => {
-                    console.error(error);
-                    snackError({
-                        messageTxt: error,
+                    snackWithFallback(snackError, error, {
                         headerId: 'spreadsheet/create_new_spreadsheet/error_loading_model',
                     });
                 });
@@ -230,8 +224,7 @@ const App = () => {
                     resetTableDefinitions(collection);
                 })
                 .catch((error) => {
-                    snackError({
-                        messageTxt: error,
+                    snackWithFallback(snackError, error, {
                         headerId: 'spreadsheet/create_new_spreadsheet/error_loading_collection',
                     });
                 });
@@ -329,10 +322,7 @@ const App = () => {
                     dispatch(setOptionalServices(retrieveOptionalServices(services)));
                 })
                 .catch((error) => {
-                    snackError({
-                        messageTxt: error.message,
-                        headerId: 'optionalServicesRetrievingError',
-                    });
+                    snackWithFallback(snackError, error, { headerId: 'optionalServicesRetrievingError' });
                 });
 
             // Dispatch globally when all params are loaded to allow easy waiting.
@@ -349,12 +339,7 @@ const App = () => {
                 .then(() => {
                     dispatch(setParamsLoaded());
                 })
-                .catch((error) =>
-                    snackError({
-                        messageTxt: error.message,
-                        headerId: 'paramsRetrievingError',
-                    })
-                );
+                .catch((error) => snackWithFallback(snackError, error, { headerId: 'paramsRetrievingError' }));
         }
     }, [user, studyUuid, dispatch, updateParams, snackError, updateNetworkVisualizationsParams, resetTableDefinitions]);
 

diff --git a/src/components/dialogs/commons/use-form-search-copy.ts b/src/components/dialogs/commons/use-form-search-copy.ts
@@ -11,6 +11,7 @@ import {
     type EquipmentInfos,
     type EquipmentType,
     type ExtendedEquipmentType,
+    snackWithFallback,
     useSnackMessage,
 } from '@gridsuite/commons-ui';
 import { EQUIPMENT_INFOS_TYPES, type EQUIPMENT_TYPES } from '../../utils/equipment-types';
@@ -65,16 +66,10 @@ export function useFormSearchCopy(
                     });
                 })
                 .catch((error) => {
-                    console.error(`error while fetching equipment ${element.id} : message = ${error.message}`);
-                    let msg;
-                    if (error.status === 404) {
-                        msg = intl.formatMessage({ id: 'EquipmentCopyFailed404' }, { equipmentId: element.id });
-                    } else {
-                        msg = `${intl.formatMessage({ id: 'EquipmentCopyFailed' }, { equipmentId: element.id })} ${
-                            error.message
-                        }`;
-                    }
-                    snackError({ messageTxt: msg });
+                    snackWithFallback(snackError, error, {
+                        headerId: 'EquipmentCopyFailed',
+                        headerValues: { equipmentId: element.id },
+                    });
                 })
                 .finally(() => handleCloseSearchDialog()),
         [

diff --git a/src/components/dialogs/dynamicsimulation/dynamic-simulation-parameters-selector.tsx b/src/components/dialogs/dynamicsimulation/dynamic-simulation-parameters-selector.tsx
@@ -12,7 +12,7 @@ import Typography from '@mui/material/Typography';
 import { FormattedMessage } from 'react-intl';
 import Grid from '@mui/material/Grid';
 import Button from '@mui/material/Button';
-import { AutocompleteInput, CustomFormProvider, useSnackMessage } from '@gridsuite/commons-ui';
+import { AutocompleteInput, CustomFormProvider, snackWithFallback, useSnackMessage } from '@gridsuite/commons-ui';
 import {
     fetchDynamicSimulationParameters,
     updateDynamicSimulationParameters,
@@ -90,8 +90,7 @@ export function DynamicSimulationParametersSelector({
                 reset({ ...emptyFormData, [MAPPING]: paramsPlusMappings.mapping });
             })
             .catch((error) => {
-                snackError({
-                    messageTxt: error.message,
+                snackWithFallback(snackError, error, {
                     headerId: 'DynamicSimulationGetMappingError',
                 });
             });
@@ -115,8 +114,7 @@ export function DynamicSimulationParametersSelector({
                         onStart(newDynamicSimulationParams);
                     })
                     .catch((error) => {
-                        snackError({
-                            messageTxt: error.message,
+                        snackWithFallback(snackError, error, {
                             headerId: 'DynamicSimulationParametersChangeError',
                         });
                     });

diff --git a/src/components/dialogs/dynamicsimulation/event/dynamic-simulation-event-dialog.tsx b/src/components/dialogs/dynamicsimulation/event/dynamic-simulation-event-dialog.tsx
@@ -17,7 +17,7 @@ import { Event, EventProperty, EventPropertyName, PrimitiveTypes } from './types
 import yup from 'components/utils/yup-config';
 import { getSchema } from './util/event-yup';
 import { eventDefinitions, getEventType } from './model/event.model';
-import { CustomFormProvider, useSnackMessage } from '@gridsuite/commons-ui';
+import { CustomFormProvider, snackWithFallback, useSnackMessage } from '@gridsuite/commons-ui';
 import { FetchStatus } from '../../../../services/utils';
 import { EQUIPMENT_TYPES } from '../../../utils/equipment-types';
 import { useSelector } from 'react-redux';
@@ -161,8 +161,7 @@ export const DynamicSimulationEventDialog = (props: DynamicSimulationEventDialog
                   };
 
             saveDynamicSimulationEvent(studyUuid, currentNodeId, submitEvent).catch((error) => {
-                snackError({
-                    messageTxt: error.message,
+                snackWithFallback(snackError, error, {
                     headerId: 'DynamicSimulationEventSaveError',
                 });
             });

diff --git a/src/components/dialogs/export-network-dialog.tsx b/src/components/dialogs/export-network-dialog.tsx
@@ -29,6 +29,7 @@ import {
     fetchDirectoryElementPath,
     FlatParameters,
     Parameter,
+    snackWithFallback,
     useSnackMessage,
 } from '@gridsuite/commons-ui';
 import { ExportFormatProperties, getAvailableExportFormats } from '../../services/study';
@@ -99,10 +100,7 @@ export function ExportNetworkDialog({
                     setFileName(`${studyName}_${nodeName}`);
                 })
                 .catch((error) => {
-                    snackError({
-                        messageTxt: error.message,
-                        headerId: 'LoadStudyAndParentsInfoError',
-                    });
+                    snackWithFallback(snackError, error, { headerId: 'LoadStudyAndParentsInfoError' });
                 });
         }
     }, [studyUuid, nodeName, snackError]);

diff --git a/src/components/dialogs/import-modification-dialog.tsx b/src/components/dialogs/import-modification-dialog.tsx
@@ -6,7 +6,13 @@
  */
 
 import { useIntl } from 'react-intl';
-import { ElementType, useSnackMessage, DirectoryItemSelector, TreeViewFinderNodeProps } from '@gridsuite/commons-ui';
+import {
+    ElementType,
+    useSnackMessage,
+    DirectoryItemSelector,
+    TreeViewFinderNodeProps,
+    snackWithFallback,
+} from '@gridsuite/commons-ui';
 import { copyOrMoveModifications } from '../../services/study';
 import { FunctionComponent } from 'react';
 import { useSelector } from 'react-redux';
@@ -41,11 +47,8 @@ const ImportModificationDialog: FunctionComponent<ImportModificationDialogProps>
                 originStudyUuid: studyUuid,
                 originNodeUuid: currentNode.id,
             };
-            copyOrMoveModifications(studyUuid, currentNode.id, modificationUuidList, copyInfos).catch((errmsg) => {
-                snackError({
-                    messageTxt: errmsg,
-                    headerId: 'errDuplicateModificationMsg',
-                });
+            copyOrMoveModifications(studyUuid, currentNode.id, modificationUuidList, copyInfos).catch((error) => {
+                snackWithFallback(snackError, error, { headerId: 'errDuplicateModificationMsg' });
             });
         }
         // close the file selector

diff --git a/src/components/dialogs/line-types-catalog/line-type-segment-form.tsx b/src/components/dialogs/line-types-catalog/line-type-segment-form.tsx
@@ -29,7 +29,7 @@ import LineTypesCatalogSelectorDialog from './line-types-catalog-selector-dialog
 import { roundToDefaultPrecision } from '../../../utils/rounding';
 import LineTypeSegmentCreation from './line-type-segment-creation';
 import { calculateReactance, calculateResistance, calculateSusceptance } from '../../utils/utils';
-import { CustomAGGrid, type MuiStyles, useSnackMessage } from '@gridsuite/commons-ui';
+import { CustomAGGrid, type MuiStyles, snackWithFallback, useSnackMessage } from '@gridsuite/commons-ui';
 import { getLineTypesCatalog } from '../../../services/network-modification';
 import GridItem from '../commons/grid-item';
 import { CurrentLimitsInfo, LineTypeInfo } from './line-catalog.type';
@@ -68,8 +68,7 @@ export const LineTypeSegmentForm = () => {
                 setLineTypesCatalog(values);
             })
             .catch((error) =>
-                snackError({
-                    messageTxt: error.message,
+                snackWithFallback(snackError, error, {
                     headerId: 'LineTypesCatalogFetchingError',
                 })
             );

diff --git a/src/components/dialogs/line-types-catalog/line-types-catalog-selector-dialog.tsx b/src/components/dialogs/line-types-catalog/line-types-catalog-selector-dialog.tsx
@@ -6,7 +6,7 @@
  */
 
 import { useCallback, useRef, useState } from 'react';
-import { CustomFormProvider, Option, useSnackMessage } from '@gridsuite/commons-ui';
+import { CustomFormProvider, Option, snackWithFallback, useSnackMessage } from '@gridsuite/commons-ui';
 import { AgGridReact } from 'ag-grid-react';
 import { CATEGORIES_TABS, CurrentLimitsInfo, LineTypeInfo } from './line-catalog.type';
 import {
@@ -210,8 +210,7 @@ export default function LineTypesCatalogSelectorDialog({
                     setUndergroundShapeFactors(createOptionsFromUndergroundShapeFactors(selectedData));
                 }
             } catch (error) {
-                snackError({
-                    messageTxt: (error as Error).message,
+                snackWithFallback(snackError, error, {
                     headerId: 'LineTypesCatalogFetchingError',
                 });
             }

diff --git a/...mponents/dialogs/network-modifications/balances-adjustment/balances-adjustment-dialog.tsx b/...mponents/dialogs/network-modifications/balances-adjustment/balances-adjustment-dialog.tsx
@@ -6,7 +6,7 @@
  */
 import { ModificationDialog } from 'components/dialogs/commons/modificationDialog';
 import { useCallback, useEffect, useMemo, useState } from 'react';
-import { catchErrorHandler, CustomFormProvider, useSnackMessage } from '@gridsuite/commons-ui';
+import { catchErrorHandler, CustomFormProvider, snackWithFallback, useSnackMessage } from '@gridsuite/commons-ui';
 import { FieldErrors, useForm } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import {
@@ -249,12 +249,9 @@ export function BalancesAdjustmentDialog({
                     }),
                 });
             } catch (error) {
-                catchErrorHandler(error, (message) =>
-                    snackError({
-                        messageTxt: message,
-                        headerId: 'GenerationDispatchError',
-                    })
-                );
+                snackWithFallback(snackError, error, {
+                    headerId: 'GenerationDispatchError',
+                });
             }
         },
         [editData, studyUuid, currentNodeUuid, snackError]

diff --git a/src/components/dialogs/network-modifications/battery/creation/battery-creation-dialog.tsx b/src/components/dialogs/network-modifications/battery/creation/battery-creation-dialog.tsx
@@ -10,7 +10,13 @@ import { ModificationDialog } from '../../../commons/modificationDialog';
 import EquipmentSearchDialog from '../../../equipment-search-dialog';
 import { useCallback, useEffect } from 'react';
 import { useFormSearchCopy } from '../../../commons/use-form-search-copy';
-import { CustomFormProvider, EquipmentType, MODIFICATION_TYPES, useSnackMessage } from '@gridsuite/commons-ui';
+import {
+    CustomFormProvider,
+    EquipmentType,
+    MODIFICATION_TYPES,
+    snackWithFallback,
+    useSnackMessage,
+} from '@gridsuite/commons-ui';
 import { yupResolver } from '@hookform/resolvers/yup';
 import yup from 'components/utils/yup-config';
 import {
@@ -242,8 +248,7 @@ export default function BatteryCreationDialog({
                 modificationUuid: editData?.uuid,
                 isUpdate: !!editData,
             }).catch((error) => {
-                snackError({
-                    messageTxt: error.message,
+                snackWithFallback(snackError, error, {
                     headerId: 'BatteryCreationError',
                 });
             });

diff --git a/...onents/dialogs/network-modifications/battery/modification/battery-modification-dialog.tsx b/...onents/dialogs/network-modifications/battery/modification/battery-modification-dialog.tsx
@@ -6,7 +6,13 @@
  */
 
 import { useCallback, useEffect, useState } from 'react';
-import { CustomFormProvider, EquipmentType, MODIFICATION_TYPES, useSnackMessage } from '@gridsuite/commons-ui';
+import {
+    CustomFormProvider,
+    EquipmentType,
+    MODIFICATION_TYPES,
+    snackWithFallback,
+    useSnackMessage,
+} from '@gridsuite/commons-ui';
 import { yupResolver } from '@hookform/resolvers/yup';
 import yup from 'components/utils/yup-config';
 import {
@@ -318,10 +324,7 @@ export default function BatteryModificationDialog({
                 modificationUuid: editData?.uuid ?? null,
                 isUpdate: !!editData,
             }).catch((error) => {
-                snackError({
-                    messageTxt: error.message,
-                    headerId: 'BatteryModificationError',
-                });
+                snackWithFallback(snackError, error, { headerId: 'BatteryModificationError' });
             });
         },
         [selectedId, studyUuid, currentNodeUuid, editData, snackError]

diff --git a/...alogs/network-modifications/by-filter/by-assignment/modification-by-assignment-dialog.tsx b/...alogs/network-modifications/by-filter/by-assignment/modification-by-assignment-dialog.tsx
@@ -12,6 +12,7 @@ import {
     convertOutputValue,
     CustomFormProvider,
     FieldType,
+    snackWithFallback,
     useSnackMessage,
 } from '@gridsuite/commons-ui';
 import { FC, useCallback, useEffect, useMemo } from 'react';
@@ -129,10 +130,7 @@ const ModificationByAssignmentDialog: FC<any> = ({
                 !!editData,
                 editData?.uuid ?? null
             ).catch((error) => {
-                snackError({
-                    messageTxt: error.message,
-                    headerId: 'ModifyByAssignment',
-                });
+                snackWithFallback(snackError, error, { headerId: 'ModifyByAssignment' });
             });
         },
         [currentNodeUuid, editData, emptyValueStr, snackError, studyUuid]

diff --git a/.../dialogs/network-modifications/by-filter/by-filter-deletion/by-filter-deletion-dialog.tsx b/.../dialogs/network-modifications/by-filter/by-filter-deletion/by-filter-deletion-dialog.tsx
@@ -8,7 +8,7 @@
 import { yupResolver } from '@hookform/resolvers/yup';
 import yup from 'components/utils/yup-config';
 import { FILTERS, ID, NAME, TYPE } from '../../../../utils/field-constants';
-import { CustomFormProvider, useSnackMessage } from '@gridsuite/commons-ui';
+import { CustomFormProvider, snackWithFallback, useSnackMessage } from '@gridsuite/commons-ui';
 import { useForm } from 'react-hook-form';
 import { FunctionComponent, useCallback, useEffect } from 'react';
 import { ModificationDialog } from '../../../commons/modificationDialog';
@@ -99,10 +99,7 @@ const ByFilterDeletionDialog: FunctionComponent<ByFilterDeletionDialogProps> = (
                 formData[FILTERS],
                 editData?.uuid
             ).catch((error) => {
-                snackError({
-                    messageTxt: error.message,
-                    headerId: 'UnableToDeleteEquipment',
-                });
+                snackWithFallback(snackError, error, { headerId: 'UnableToDeleteEquipment' });
             });
         },
         [currentNodeUuid, editData, snackError, studyUuid]

diff --git a/src/components/dialogs/network-modifications/by-filter/by-formula/by-formula-dialog.jsx b/src/components/dialogs/network-modifications/by-filter/by-formula/by-formula-dialog.jsx
@@ -12,6 +12,7 @@ import {
     convertOutputValue,
     CustomFormProvider,
     FieldType,
+    snackWithFallback,
     useSnackMessage,
 } from '@gridsuite/commons-ui';
 import { useCallback, useEffect } from 'react';
@@ -173,10 +174,7 @@ const ByFormulaDialog = ({ editData, currentNode, studyUuid, isUpdate, editDataF
                 !!editData,
                 editData?.uuid ?? null
             ).catch((error) => {
-                snackError({
-                    messageTxt: error.message,
-                    headerId: 'ModifyByFormula',
-                });
+                snackWithFallback(snackError, error, { headerId: 'ModifyByFormula' });
             });
         },
         [currentNodeUuid, editData, snackError, studyUuid]