native event stored instead of synthtic event

mui · Feb 20, 2024 · 2f3b2ea · 2f3b2ea
1 parent d14c3d0
commit 2f3b2ea
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/x-data-grid-pro/src/hooks/features/columnResize/useGridColumnResize.tsx b/packages/x-data-grid-pro/src/hooks/features/columnResize/useGridColumnResize.tsx
@@ -284,7 +284,7 @@ export const useGridColumnResize = (
   const logger = useGridLogger(apiRef, 'useGridColumnResize');
 
   const colDefRef = React.useRef<GridStateColDef>();
-  const previousMouseClickEvent = React.useRef<Event>();
+  const previousMouseClickEvent = React.useRef<MouseEvent>();
   const columnHeaderElementRef = React.useRef<HTMLDivElement>();
   const headerFilterElementRef = React.useRef<HTMLDivElement>();
   const groupHeaderElementsRef = React.useRef<Element[]>([]);

diff --git a/packages/x-data-grid-pro/src/tests/columns.DataGridPro.test.tsx b/packages/x-data-grid-pro/src/tests/columns.DataGridPro.test.tsx
@@ -168,7 +168,7 @@ describe('<DataGridPro /> - Columns', () => {
         />,
       );
       const separator = document.querySelector(`.${gridClasses['columnSeparator--resizable']}`)!;
-      fireEvent.mouseDown(separator, new MouseEvent('mouseDown', { clientX: 100 }));
+      fireEvent.mouseDown(separator, new MouseEvent('mousedown', { clientX: 100 }));
       fireEvent.mouseMove(separator, new MouseEvent('mousemove', { clientX: 110, buttons: 1 }));
       fireEvent.mouseUp(separator, new MouseEvent('mouseup'));
       expect(getColumnHeaderCell(0)).toHaveInlineStyle({ width: '110px' });