fix(useDetails): update ref type (#2656)

* fix(useDetails): update ref type * chore: add changeset
primer · Dec 16, 2022 · db0db6e · db0db6e
1 parent 20e18c0
commit db0db6e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/flat-feet-sing.md b/.changeset/flat-feet-sing.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Update useDetails `ref` type to HTMLDetailsElement
diff --git a/src/hooks/useDetails.tsx b/src/hooks/useDetails.tsx
@@ -1,7 +1,7 @@
 import {useCallback, useEffect, useState, useRef} from 'react'
 
 type UseDetailsParameters = {
-  ref?: React.RefObject<HTMLElement>
+  ref?: React.RefObject<HTMLDetailsElement>
   closeOnOutsideClick?: boolean
   defaultOpen?: boolean
   onClickOutside?: (event: MouseEvent) => void
@@ -16,7 +16,7 @@ function useDetails({ref, closeOnOutsideClick, defaultOpen, onClickOutside}: Use
     (event: MouseEvent) => {
       const {current} = customRef
       const eventTarget = event.target as HTMLElement
-      const closest = eventTarget.closest('details') as HTMLDetailsElement
+      const closest = eventTarget.closest('details')
       if (closest !== current) {
         onClickOutside && onClickOutside(event)
         if (!event.defaultPrevented) {