fix: fix useLayoutEffect warning (#1045)

react-component · Oct 8, 2024 · 79e4d40 · 79e4d40
1 parent 7853d7f
commit 79e4d40
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/Slider.tsx b/src/Slider.tsx
@@ -1,5 +1,5 @@
 import cls from 'classnames';
-import { useEvent } from 'rc-util';
+import useEvent from 'rc-util/lib/hooks/useEvent';
 import useMergedState from 'rc-util/lib/hooks/useMergedState';
 import isEqual from 'rc-util/lib/isEqual';
 import warning from 'rc-util/lib/warning';

diff --git a/src/hooks/useDrag.ts b/src/hooks/useDrag.ts
@@ -1,5 +1,6 @@
-import { useEvent } from 'rc-util';
 import * as React from 'react';
+import useEvent from 'rc-util/lib/hooks/useEvent';
+import useLayoutEffect from 'rc-util/lib/hooks/useLayoutEffect';
 import { UnstableContext } from '../context';
 import type { Direction, OnStartMove } from '../interface';
 import type { OffsetValues } from './useOffset';
@@ -44,7 +45,7 @@ function useDrag(
 
   const { onDragStart, onDragChange } = React.useContext(UnstableContext);
 
-  React.useLayoutEffect(() => {
+  useLayoutEffect(() => {
     if (draggingIndex === -1) {
       setCacheValues(rawValues);
     }