当我把鼠标悬停在一个地理点标记上时，弹出窗口会出现，然后无限消失，直到我把鼠标从标记上移开。我的HandleMouseOver函数应该只显示一次弹出窗口，我不知道为什么它会循环多次：

const handleMarkerMouseOver = (args: any) => {
            console.log("arges", args)
        setPopoverVisible(true)
        setDoc(args.payload.doc_fields)
        setAnchor(args.anchor)
        setPopoverContent(args.payload.doc_fields['@service_address'])
    }

所有代码：

export function NewMap(props: any): ReactElement {
    const [anchor, setAnchor] = useState(undefined)
    const [popoverVisible, setPopoverVisible] = useState(false)
    const [popoverContent, setPopoverContent] = useState(undefined)
    const [doc, setDoc] = useState()

    const [showVisualDrawer, setShowVisualDrawer] = useState(false)
    const pageSizeInRedux = useAppSelector(selectPageSize)
    const mapFormData = props
    const mapData = useWaveWatcherEventsMapDataQuery({
        index: props.index,
        pageSize: pageSizeInRedux,
        body: props.body
    })

    let dataLength = 1
    if(mapData.data !== undefined) {
        dataLength = mapData?.data?.buckets?.map((t: { doc_count: any; }) => t.doc_count).reduce((a: any, b: any) => a + b, 0);
    }

    let waveContent: ReactElement = <></>

    if (mapData.isSuccess && dataLength > 1) {

        const handleMarkerClick = (args: any) => {
            setPopoverVisible(true)
            setDoc(args.payload.doc_fields)
            setAnchor(args.anchor)
            setPopoverContent(args.payload.doc_fields['@service_address']);
    }

    const handleMarkerMouseOut = (args: any) => {
        setPopoverVisible(false)
    }

    const handleMarkerMouseOver = (args: any) => {
            console.log("arges", args)
        setPopoverVisible(true)
        setDoc(args.payload.doc_fields)
        setAnchor(args.anchor)
        setPopoverContent(args.payload.doc_fields['@service_address'])
    }

    let center: any = [0, 0]
    const points = mapData.data.buckets.map((e: any, index: number) => {
            center = e.location.split(',').map((c: string) => (parseFloat(c))) || utilityCoordinates
            return (
                <Marker key={index}
                        width={20}
                        color={Color.darkblue}
                        anchor={center}
                        payload={e}
                        onClick={handleMarkerClick}
                        onMouseOut={handleMarkerMouseOut}
                        onMouseOver={handleMarkerMouseOver}
                />
            )
        }
    )

 return (
         waveContent = <>
             <MapStats data={mapData} mapFormData={mapFormData}/>
             <div className={styles.mapWrapper}>
                 <Map height={443} defaultCenter={center} defaultZoom={13}>
                     {points}
                     <ZoomControl/>
                     <Overlay anchor={anchor} offset={[0, 0]}>
                         <Popover
                             visible={popoverVisible}
                             content={popContent}
                             title={'Marker Details'}
                         >
                         </Popover>
                     </Overlay>
                 </Map>
             </div>

这是无限出现和消失的弹出窗口：