update commons-ui

package.json

@@ -16,7 +16,7 @@
     "dependencies": {
         "@emotion/react": "^11.11.4",
         "@emotion/styled": "^11.11.5",
-        "@gridsuite/commons-ui": "file:../commons-ui/gridsuite-commons-ui-0.63.2.tgz",
+        "@gridsuite/commons-ui": "file:../commons-ui/gridsuite-commons-ui-0.63.4.tgz",
         "@hookform/resolvers": "^3.3.4",
         "@mui/icons-material": "^5.15.14",
         "@mui/lab": "5.0.0-alpha.169",

src/components/App/app.tsx

@@ -15,18 +15,18 @@ import {
     getComputedLanguage,
     PARAM_LANGUAGE,
     PARAM_THEME,
+    useDebugLog,
     useSnackMessage,
 } from '@gridsuite/commons-ui';
 import { selectComputedLanguage, selectLanguage, selectTheme } from '../../redux/actions';
 import { AppState } from '../../redux/reducer';
 import { configNotificationSrv, configSrv } from '../../services';
 import { APP_NAME } from '../../utils/config-params';
 import AppTopBar from './app-top-bar';
-import { useDebugRender } from '../../utils/hooks';
 import { AppDispatch } from '../../redux/store';
 
 const App: FunctionComponent<PropsWithChildren<{}>> = (props, context) => {
-    useDebugRender('app');
+    useDebugLog('app');
     const { snackError } = useSnackMessage();
     const dispatch = useDispatch<AppDispatch>();
     const user = useSelector((state: AppState) => state.user ?? null);

src/components/Grid/AgGrid.tsx

@@ -22,10 +22,9 @@ import {
 import { Box, useTheme } from '@mui/material';
 import { AgGridReact } from 'ag-grid-react';
 import { useIntl } from 'react-intl';
-import { LANG_FRENCH } from '@gridsuite/commons-ui';
+import { LANG_FRENCH, useDebugLog } from '@gridsuite/commons-ui';
 import { AG_GRID_LOCALE_FR } from '../../translations/ag-grid/locales';
 import { GridOptions } from 'ag-grid-community';
-import { useDebugRender } from '../../utils/hooks';
 
 const messages: Record<string, Record<string, string>> = {
     [LANG_FRENCH]: AG_GRID_LOCALE_FR,
@@ -70,7 +69,7 @@ export const AgGrid: AgGridWithRef = forwardRef(function AgGrid<TData, TContext
     const theme = useTheme();
 
     const id = useId();
-    useDebugRender(`ag-grid(${id}) ${props.gridId}`);
+    useDebugLog(`ag-grid(${id}) ${props.gridId}`);
 
     const agGridRef = useRef<AgGridReact<TData>>(null);
     const agGridRefContent = agGridRef.current;