diff --git a/package.json b/package.json
index 0d35f36..3cf6ed0 100644
--- a/package.json
+++ b/package.json
@@ -42,7 +42,7 @@
   "dependencies": {
     "@rc-component/motion": "^1.0.0",
     "@rc-component/portal": "^2.1.2",
-    "@rc-component/util": "^1.3.0",
+    "@rc-component/util": "^1.7.0",
     "clsx": "^2.1.1"
   },
   "devDependencies": {
diff --git a/src/Preview/index.tsx b/src/Preview/index.tsx
index bd4f67c..06e6c45 100644
--- a/src/Preview/index.tsx
+++ b/src/Preview/index.tsx
@@ -2,7 +2,6 @@ import CSSMotion from '@rc-component/motion';
 import Portal, { type PortalProps } from '@rc-component/portal';
 import { useEvent } from '@rc-component/util';
 import useLayoutEffect from '@rc-component/util/lib/hooks/useLayoutEffect';
-import KeyCode from '@rc-component/util/lib/KeyCode';
 import { clsx } from 'clsx';
 import React, { useContext, useEffect, useRef, useState } from 'react';
 import { PreviewGroupContext } from '../context';
@@ -330,13 +329,13 @@ const Preview: React.FC<PreviewProps> = props => {
   // >>>>> Effect: Keyboard
   const onKeyDown = useEvent((event: KeyboardEvent) => {
     if (open) {
-      const { keyCode } = event;
-
       if (showLeftOrRightSwitches) {
-        if (keyCode === KeyCode.LEFT) {
+        if (event.key === 'ArrowLeft') {
           onActive(-1);
-        } else if (keyCode === KeyCode.RIGHT) {
+          event.preventDefault();
+        } else if (event.key === 'ArrowRight') {
           onActive(1);
+          event.preventDefault();
         }
       }
     }