@landmineaknpm/sequi-alias-sapiente NPM | npm.io

1.0.0 • Published 13 days ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

13 days ago

downloads

Merge-Refs

A function that merges React refs into one. Filters out invalid (eg. falsy) refs as well and returns original ref if only one valid ref was given.

tl;dr

Install by executing npm install @landmineaknpm/sequi-alias-sapiente or yarn add @landmineaknpm/sequi-alias-sapiente.
Import by adding import mergeRefs from '@landmineaknpm/sequi-alias-sapiente'.
Use it in ref like so: <div ref={mergeRefs(ref, someOtherRef)} />

Accepted refs

Refs created using createRef()
Refs created using useRef()
Functional refs

Example

function Hello() {
  const ref1 = useRef<HTMLDivElement>(); // I'm going to be updated!
  const ref2 = (element: HTMLDivElement) => {
    // I'm going to be called!
  };

  return <div ref={mergeRefs(ref1, ref2)} />;
}

License

The MIT License.

Author

superstruct nested css scheme log ramda WeakSet iterator rgb prune _.extend Uint32Array less css streams2 irq Symbol.toStringTag watching ECMAScript 6 term buffer path react-hook-form es datastructure encryption throttle CSS find hardlinks cjk graphql toStringTag TypedArray arguments env worker linewrap hooks patch ponyfill sanitization Array.prototype.flatten east-asian-width bundling bluebird diff parent channel autoprefixer form-validation Array.prototype.includes dataView status wrap Uint8ClampedArray open resolve ESnext ECMAScript 2019 stateless handlers up picomatch HyBi rm -rf busy tape search eventDispatcher events commander Symbol deepclone forEach CSSStyleDeclaration escape traverse es6 fsevents exit ascii extra tap gdpr flatMap wget emoji json-schema-validation inspect structuredClone banner utility flatten call-bind xdg performant io-ts spring waapi spinners fast-deep-copy protocol-buffers ES2020 higher-order es2016 text yaml mkdir optimist JSON listeners windows eslint-plugin read Object.keys ECMAScript 3 functional console ajv key find-up rm css-in-js side number Float32Array fixed-width module full telephone deepcopy bootstrap less safe values language toolkit ECMAScript 2015 ES2023 jwt joi sorted less compiler ECMAScript 2017 Object.defineProperty ES ie pipe shebang pretty touch symbol reduce regexp ECMAScript 2020 nope browserslist styles every readablestream file system vest configurable testing names sanitize WebSocket password typed array fantasy-land jsx api delete Microsoft mime match styled-components Streams ender stringify circular dir uuid react-testing-library ES2022 css immutable characters eventEmitter es2018 environment performance colors bind utils shrinkwrap redact a11y getopt WebSockets compiler zero dom-testing-library ECMAScript 2016 browser offset editor from chrome hookform callback data argparse columns BigInt64Array Object.is concatMap pure website scheme-validation width cache column xterm queue limit express assertion interrupts native entries yup regex slice spec chai query speed less client connect contains chinese asserts exit-code queueMicrotask intrinsic equal stringifier protobuf is await Int8Array js ratelimit callbound serializer sham invariant cmd streams rm -fr ts time Object.entries jest flat url deep-copy ES2019 Promise copy .env push dependencies 256 filter spinner getOwnPropertyDescriptor bdd framer gradients css color array Array ast Observable character postcss type coercible Underscore https xdg-open util.inspect libphonenumber byte RxJS WeakMap Iterator internal middleware ArrayBuffer serialize persistent Int32Array fastify look-up internal slot ansi walking real-time setImmediate typescript once writable config URL jsonpath styleguide validation typesafe utilities opener pnpm9 node regular move plugin chromium Rx jQuery properties css less guid sameValueZero toSorted animation process starter setPrototypeOf id electron negative superagent linux es-shim API getPrototypeOf gradients css3 assert progress polyfill lru nodejs property eslintconfig xss core findLast less.js reducer var Reflect.getPrototypeOf deep ES2016 TypeBox positive spawn option check parse symbols style limited tacit dependency manager mixins apollo stylesheet preprocessor Object.assign concurrency recursive util take Set variables in css ES2017 $.extend jsonschema toArray readable Uint8Array ES3 ECMAScript 2023 variables batch compile less fast-clone error robust stream ECMAScript 5 json-schema mkdirs syntax browserlist visual zod file helpers byteOffset optimizer colour Push map 6to5 ES8 import Int16Array ecmascript walk transpiler flags idle mkdirp class-validator assign settings tty bundler byteLength whatwg uninstall json extension Array.prototype.flat args debugger child indicator promises private jasmine Uint16Array arraybuffer javascript JSON-Schema full-width symlinks package manager Stream redux-toolkit es2017 react-hooks macos opens moment set Object harmony string functions extend qs ava unicode terminal fast some tdd hasOwn ReactiveExtensions preserve-symlinks output packages has keys crypto descriptor es-abstract react pose jsdom RegExp#flags core-js fastclone sigterm censor figlet codes rmdir hash react animation RegExp.prototype.flags shared obj forms rangeerror classnames ECMAScript 7 groupBy consume error-handling toobject framework

@ryniaubenpm/esse-repellat-excepturi @zibuthe7j11/deserunt-quasi-impedit @zibuthe7j11/vel-impedit-modi

13 days ago