DMleadgen
46d973904b
Next.js website for Rocky Mountain Vending company featuring: - Product catalog with Stripe integration - Service areas and parts pages - Admin dashboard with Clerk authentication - SEO optimized pages with JSON-LD structured data Co-authored-by: Cursor <cursoragent@cursor.com>
18 lines
707 B
Text
18 lines
707 B
Text
import { assignRef } from './assignRef';
|
|
import { useCallbackRef } from './useRef';
|
|
/**
|
|
* Create a _lense_ on Ref, making it possible to transform ref value
|
|
* @param {ReactRef} ref
|
|
* @param {Function} transformer. 👉 Ref would be __NOT updated__ on `transformer` update.
|
|
* @returns {RefObject}
|
|
*
|
|
* @see https://github.com/theKashey/use-callback-ref#usetransformref-to-replace-reactuseimperativehandle
|
|
* @example
|
|
*
|
|
* const ResizableWithRef = forwardRef((props, ref) =>
|
|
* <Resizable {...props} ref={useTransformRef(ref, i => i ? i.resizable : null)}/>
|
|
* );
|
|
*/
|
|
export function useTransformRef(ref, transformer) {
|
|
return useCallbackRef(null, (value) => assignRef(ref, transformer(value)));
|
|
}
|