30 lines
1.2 KiB
JavaScript
30 lines
1.2 KiB
JavaScript
"use strict";
|
|
'use client';
|
|
|
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.default = useForkRef;
|
|
var React = _interopRequireWildcard(require("react"));
|
|
var _setRef = _interopRequireDefault(require("../setRef"));
|
|
function useForkRef(...refs) {
|
|
/**
|
|
* This will create a new function if the refs passed to this hook change and are all defined.
|
|
* This means react will call the old forkRef with `null` and the new forkRef
|
|
* with the ref. Cleanup naturally emerges from this behavior.
|
|
*/
|
|
return React.useMemo(() => {
|
|
if (refs.every(ref => ref == null)) {
|
|
return null;
|
|
}
|
|
return instance => {
|
|
refs.forEach(ref => {
|
|
(0, _setRef.default)(ref, instance);
|
|
});
|
|
};
|
|
// TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler -- intentionally ignoring that the dependency array must be an array literal
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
}, refs);
|
|
} |