Merge pull request #1604 from swaroopar/feature/upgradeReact19.0.12

dependencies: bump the react group with 3 updates

Author: iskey

package-lock.json

@@ -15,8 +15,8 @@
         "rc-tabs": "^15.5.1",
         "react": "^19.0.0",
         "react-dom": "^19.0.0",
-        "react-router-dom": "^7.3.0",
-        "react-timer-hook": "^4.0.1",
+        "react-router-dom": "^7.4.0",
+        "react-timer-hook": "^4.0.5",
         "yaml": "^2.6.1",
         "zustand": "^5.0.3"
     },
@@ -50,7 +50,7 @@
         "@hey-api/openapi-ts": "^0.64.13",
         "@playwright/test": "^1.51.1",
         "@tanstack/eslint-plugin-query": "^5.68.0",
-        "@types/react": "^19.0.10",
+        "@types/react": "^19.0.12",
         "@types/react-dom": "^19.0.4",
         "@types/uuid": "^10.0.0",
         "@typescript-eslint/eslint-plugin": "^8.28.0",

package.json

@@ -5,7 +5,7 @@
 
 import { Alert } from 'antd';
 import React from 'react';
-import { StopwatchResult } from 'react-timer-hook';
+import { useStopwatchResultType } from 'react-timer-hook/dist/types/src/useStopwatch';
 import submitAlertStyles from '../../../../styles/submit-alert.module.css';
 import { ServiceProviderContactDetails } from '../../../../xpanse-api/generated';
 import { ContactDetailsShowType } from '../../common/ocl/ContactDetailsShowType';
@@ -25,7 +25,7 @@ export const ScaleOrModifyOrderSubmitResult = ({
     serviceId: string;
     orderId: string;
     type: 'success' | 'error';
-    stopWatch: StopwatchResult;
+    stopWatch: useStopwatchResultType;
     contactServiceDetails: ServiceProviderContactDetails | undefined;
 }): React.JSX.Element => {
     return (

src/components/content/order/common/ScaleOrModifyOrderSubmitResult.tsx

@@ -5,7 +5,7 @@
 
 import { Alert } from 'antd';
 import React from 'react';
-import { StopwatchResult } from 'react-timer-hook';
+import { useStopwatchResultType } from 'react-timer-hook/dist/types/src/useStopwatch';
 import submitAlertStyles from '../../../../styles/submit-alert.module.css';
 import { ServiceProviderContactDetails } from '../../../../xpanse-api/generated';
 import { ContactDetailsShowType } from '../../common/ocl/ContactDetailsShowType';
@@ -27,7 +27,7 @@ export const DestroyOrderSubmitResult = ({
     orderId: string;
     type: 'success' | 'error';
     onClose: () => void;
-    stopWatch: StopwatchResult;
+    stopWatch: useStopwatchResultType;
     contactServiceDetails: ServiceProviderContactDetails | undefined;
 }): React.JSX.Element => {
     return (

src/components/content/order/destroy/DestroyOrderSubmitResult.tsx

@@ -5,10 +5,10 @@
 
 import { HourglassOutlined } from '@ant-design/icons';
 import React from 'react';
-import { StopwatchResult } from 'react-timer-hook';
+import { useStopwatchResultType } from 'react-timer-hook/dist/types/src/useStopwatch';
 import serviceOrderStyles from '../../../../styles/service-order.module.css';
 
-function DeploymentTimer({ stopWatch }: { stopWatch: StopwatchResult }): React.JSX.Element {
+function DeploymentTimer({ stopWatch }: { stopWatch: useStopwatchResultType }): React.JSX.Element {
     return (
         <div className={serviceOrderStyles.timerBlock}>
             <div className={serviceOrderStyles.timerHeader}>Order Duration</div>

src/components/content/order/orderStatus/DeploymentTimer.tsx

@@ -5,7 +5,7 @@
 
 import { Alert, Button, Row } from 'antd';
 import React from 'react';
-import { StopwatchResult } from 'react-timer-hook';
+import { useStopwatchResultType } from 'react-timer-hook/dist/types/src/useStopwatch';
 import errorAlertStyles from '../../../../styles/error-alert.module.css';
 import submitAlertStyles from '../../../../styles/submit-alert.module.css';
 import { ServiceProviderContactDetails } from '../../../../xpanse-api/generated';
@@ -29,7 +29,7 @@ export const OrderSubmitResult = ({
     serviceId: string;
     orderId: string;
     type: 'success' | 'error';
-    stopWatch: StopwatchResult;
+    stopWatch: useStopwatchResultType;
     isDeployRequestError: boolean;
     contactServiceDetails: ServiceProviderContactDetails | undefined;
     retryRequest: () => void;

src/components/content/order/orderStatus/OrderSubmitResult.tsx

@@ -4,10 +4,10 @@
  */
 
 import { Alert } from 'antd';
-import { StopwatchResult } from 'react-timer-hook';
 import { ServiceProviderContactDetails } from '../../../../xpanse-api/generated';
 
 import React from 'react';
+import { useStopwatchResultType } from 'react-timer-hook/dist/types/src/useStopwatch';
 import submitAlertStyles from '../../../../styles/submit-alert.module.css';
 import { ContactDetailsShowType } from '../../common/ocl/ContactDetailsShowType';
 import { ContactDetailsText } from '../../common/ocl/ContactDetailsText';
@@ -27,7 +27,7 @@ export const RecreateOrderSubmitResult = ({
     serviceId: string;
     orderId: string;
     type: 'success' | 'error';
-    stopWatch: StopwatchResult;
+    stopWatch: useStopwatchResultType;
     closeRecreateResultAlert: (arg: boolean) => void;
     contactServiceDetails: ServiceProviderContactDetails | undefined;
 }): React.JSX.Element => {

src/components/content/order/recreate/RecreateOrderSubmitResult.tsx

@@ -4,10 +4,10 @@
  */
 
 import { Alert } from 'antd';
-import { StopwatchResult } from 'react-timer-hook';
 import { ServiceProviderContactDetails } from '../../../../xpanse-api/generated';
 
 import React from 'react';
+import { useStopwatchResultType } from 'react-timer-hook/dist/types/src/useStopwatch';
 import submitAlertStyles from '../../../../styles/submit-alert.module.css';
 import { ContactDetailsShowType } from '../../common/ocl/ContactDetailsShowType';
 import { ContactDetailsText } from '../../common/ocl/ContactDetailsText';
@@ -26,7 +26,7 @@ export const PortServiceOrderSubmitResult = ({
     serviceId: string;
     orderId: string;
     type: 'success' | 'error';
-    stopWatch: StopwatchResult;
+    stopWatch: useStopwatchResultType;
     contactServiceDetails: ServiceProviderContactDetails | undefined;
 }): React.JSX.Element => {
     return (