fix uuid import path not working for modern bundler (#1339)

* fix uuid import path not working for modern bundler

uuid Breaking Change: Starting with uuid v8, the subpaths like /v4 were removed from the official export list. Modern bundlers like Rspack and Webpack 5 strictly follow these rules and will throw a "Package subpath is not defined" error if you try to bypass them.

Signed-off-by: Yulong Ruan <ruanyl@amazon.com>

* fix Triggers unit test

Signed-off-by: Yulong Ruan <ruanyl@amazon.com>

---------

Signed-off-by: Yulong Ruan <ruanyl@amazon.com>

Author: ruanyl

public/pages/MonitorDetails/containers/Triggers/Triggers.js

@@ -5,7 +5,7 @@
 
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import uuidv4 from 'uuid/v4';
+import { v4 as uuidv4 } from 'uuid';
 import { EuiInMemoryTable } from '@elastic/eui';
 import _ from 'lodash';
 

public/pages/MonitorDetails/containers/Triggers/Triggers.test.js

@@ -18,9 +18,11 @@ const props = {
   updateMonitor: jest.fn(),
 };
 
-jest.mock('uuid/v4', () => {
+jest.mock('uuid', () => {
   let value = 0;
-  return () => value++;
+  return {
+    v4: () => value++,
+  };
 });
 
 function getShallowWrapper(customProps = {}) {