@hakuna-matata-ui/hooks/src/use-mouse-down-ref.ts

React hooks for Chakra components

import React from "react"
import { useEventListener } from "./use-event-listener"

/**
 * @deprecated `useMouseDownRef` will be removed in a future version.
 */
export function useMouseDownRef(shouldListen = true) {
  const mouseDownRef = React.useRef<EventTarget | null>()

  useEventListener("mousedown", (event) => {
    if (shouldListen) {
      mouseDownRef.current = event.target
    }
  })

  return mouseDownRef as React.RefObject<HTMLElement>
}