fix: handle pr

src/guide/Guide.tsx

@@ -6,7 +6,7 @@ import useConfig from '../hooks/useConfig';
 import Popup from '../popup';
 import { GuideCrossProps, StepPopupPlacement, TdGuideProps } from './type';
 import { addClass, removeClass, isFixed, getWindowScroll } from '../_util/dom';
-import { scrollToParentVisibleArea, getRelativePosition, getTargetElm, scrollToElm } from './utils';
+import { scrollToParentVisibleArea, getRelativePosition, getTargetElm, scrollToElm, useMount } from './utils';
 import setStyle from '../_common/js/utils/set-style';
 import useControlled from '../hooks/useControlled';
 import { guideDefaultProps } from './defaultProps';
@@ -183,14 +183,7 @@ const Guide = (props: GuideProps) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [innerCurrent]);
 
-  useEffect(() => {
-    initGuide();
-
-    return () => {
-      destroyGuide();
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+  useMount(initGuide, destroyGuide);
 
   const renderOverlayLayer = () =>
     createPortal(

src/guide/utils/index.ts

@@ -2,6 +2,6 @@ import { scrollToParentVisibleArea } from './getScrollParent';
 import getRelativePosition from './getRelativePosition';
 import getTargetElm from './getTargetElm';
 import scrollToElm from './scrollToElm';
-import useWatch from './useWatch';
+import useMount from './useMount';
 
-export { scrollToParentVisibleArea, getRelativePosition, getTargetElm, scrollToElm, useWatch };
+export { scrollToParentVisibleArea, getRelativePosition, getTargetElm, scrollToElm, useMount };

src/guide/utils/useMount.ts

@@ -0,0 +1,18 @@
+import { useEffect, useRef } from 'react';
+
+export default function useMount(mount: () => void, unmount: () => void) {
+  const isMounted = useRef(true);
+
+  return useEffect(() => {
+    if (isMounted.current) {
+      isMounted.current = false;
+
+      return;
+    }
+
+    mount();
+
+    return unmount;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+}