mirror of
https://github.com/supabase/supabase.git
synced 2026-10-15 22:29:11 +03:00
37 lines
1.0 KiB
TypeScript
37 lines
1.0 KiB
TypeScript
// @see https://github.com/radix-ui/primitives/blob/main/packages/react/compose-refs/src/composeRefs.tsx
|
|
|
|
import * as React from 'react'
|
|
|
|
type PossibleRef<T> = React.Ref<T> | undefined
|
|
|
|
/**
|
|
* Set a given ref to a given value
|
|
* This utility takes care of different types of refs: callback refs and RefObject(s)
|
|
*/
|
|
function setRef<T>(ref: PossibleRef<T>, value: T) {
|
|
if (typeof ref === 'function') {
|
|
ref(value)
|
|
} else if (ref !== null && ref !== undefined) {
|
|
;(ref as React.MutableRefObject<T>).current = value
|
|
}
|
|
}
|
|
|
|
/**
|
|
* A utility to compose multiple refs together
|
|
* Accepts callback refs and RefObject(s)
|
|
*/
|
|
function composeRefs<T>(...refs: PossibleRef<T>[]) {
|
|
return (node: T) => refs.forEach((ref) => setRef(ref, node))
|
|
}
|
|
|
|
/**
|
|
* A custom hook that composes multiple refs
|
|
* Accepts callback refs and RefObject(s)
|
|
*/
|
|
function useComposedRefs<T>(...refs: PossibleRef<T>[]) {
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
return React.useCallback(composeRefs(...refs), refs)
|
|
}
|
|
|
|
export { composeRefs, useComposedRefs }
|