beautiful-react-hooks/factory/createHandlerSetter.js

A collection of beautiful (and hopefully useful) React hooks to speed-up your components and hooks development

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = require("react");
/**
 * Returns an array where the first item is the [ref](https://reactjs.org/docs/hooks-reference.html#useref) to a
 * callback function and the second one is a reference to a function for can change the first ref.
 *
 * Although it looks quite similar to [useState](https://reactjs.org/docs/hooks-reference.html#usestate),
 * in this case the setter just makes sure the given callback is indeed a new function.
 * **Setting a callback ref does not force your component to re-render.**
 *
 * `createHandlerSetter` is meant to be used internally to abstracting other hooks.
 * Don't use this function to abstract hooks outside this library as it changes quite often
 */
var createHandlerSetter = function (callback) {
    var handlerRef = (0, react_1.useRef)(callback);
    var setHandler = (0, react_1.useRef)(function (nextCallback) {
        if (typeof nextCallback !== 'function') {
            throw new Error('the argument supplied to the \'setHandler\' function should be of type function');
        }
        handlerRef.current = nextCallback;
    });
    return [handlerRef, setHandler.current];
};
exports.default = createHandlerSetter;