perf(useRefObjectAsForwardedRef): add dependency array to useImperativeHandle

.changeset/use-ref-object-add-deps.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+perf(useRefObjectAsForwardedRef): add dependency array to useImperativeHandle

packages/react/src/hooks/useRefObjectAsForwardedRef.ts

@@ -9,5 +9,7 @@ import {useImperativeHandle} from 'react'
  * **NOTE**: The `refObject` should be passed to the underlying element, NOT the `forwardedRef`.
  */
 export function useRefObjectAsForwardedRef<T>(forwardedRef: ForwardedRef<T>, refObject: RefObject<T | null>): void {
-  useImperativeHandle<T | null, T | null>(forwardedRef, () => refObject.current)
+  // The ref object is stable (from useRef), so this factory only needs to run once.
+  // Without the dependency array, useImperativeHandle re-runs the factory every render.
+  useImperativeHandle<T | null, T | null>(forwardedRef, () => refObject.current, [refObject])
 }