diff --git a/.changeset/flat-feet-sing.md b/.changeset/flat-feet-sing.md
new file mode 100644
index 00000000000..dcd6be8a09a
--- /dev/null
+++ 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
index d5f3fd96403..17e1daf6b87 100644
--- 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) {