use-transition-state/dist/index.cjs.development.js

useTransition + useState = useTransitionState

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var react = require('react');

// @ts-expect-error

var useTransitionState = function useTransitionState(initialState, options) {
  var _useState = react.useState(initialState),
      state = _useState[0],
      setState = _useState[1];

  var _useTransition = react.useTransition(options),
      isPending = _useTransition[0],
      startTransition = _useTransition[1];

  return react.useMemo(function () {
    return [state, function (nextState) {
      return startTransition(function () {
        return setState(nextState);
      });
    }, {
      isPending: isPending,
      startTransition: startTransition,
      setState: setState
    }];
  }, [startTransition, state]);
};

exports.default = useTransitionState;
//# sourceMappingURL=index.cjs.development.js.map