@csshero/usehooks 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) cssheo
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,47 @@
+# 什么是 useHooks
+
+useHooks，是一款为 React 开发场景而生的 Hooks 库。
+
+## 特性
+
+全新的 useHooks 主要具备以下特性：
+
+- 🚀 **易学易用**：直接通过 CDN 或者 npm 即可使用
+- 🔍 **内置全文搜索**：标题、正文、demo 等内容均可被搜索，支持多关键词搜索
+- 🎨 **包含丰富的基础 Hooks**：如 useCreation、useLatest 等基础 hooks 为 react 开发赋能
+- 🚥 **可靠的代码健壮**：使用 Typescript 构建，提供完善的类型定义文件
+- 💎 **完善的文档能力**：支持文档记录，支持 demo 演示
+
+## 📦 安装
+
+:::code-group
+
+```bash [npm]
+npm install @csshero/usehooks
+```
+
+```bash [yarn]
+yarn add @csshero/usehooks
+```
+
+```bash [pnpm]
+pnpm add @csshero/usehooks
+```
+
+:::
+
+## 🔨 使用
+
+```ts
+import { useToggle } from '@csshero/usehooks';
+```
+
+## 问题反馈
+
+如果在使用过程中发现任何问题、或者有改善建议，欢迎在 GitHub Issues 进行反馈：[issues](https://github.com/CssHeroPhone19301430776/useHooks/issues)
+
+或添加我的联系方式：
+
+<div>
+  <img data-type="dingtalk" src="/vx.jpg" width="300" />
+</div>

package/dist/index.d.ts

@@ -0,0 +1,17 @@
+import useBoolean from './useBoolean';
+import useCreation from './useCreation';
+import useDebounceFn from './useDebounceFn';
+import useDebounceValue from './useDebounceValue';
+import useInterval from './useInterval';
+import useLatest from './useLatest';
+import useMap from './useMap';
+import useMemoizedFn from './useMemoizedFn';
+import useMount from './useMount';
+import useSet from './useSet';
+import useThrottleFn from './useThrottleFn';
+import useThrottleValue from './useThrottleValue';
+import useTimeout from './useTimeout';
+import useToggle from './useToggle';
+import useUnmount from './useUnmount';
+import useUpdate from './useUpdate';
+export { useBoolean, useCreation, useDebounceFn, useDebounceValue, useInterval, useLatest, useMap, useMemoizedFn, useMount, useSet, useThrottleFn, useThrottleValue, useTimeout, useToggle, useUnmount, useUpdate, };

package/dist/index.js

@@ -0,0 +1,17 @@
+import useBoolean from "./useBoolean";
+import useCreation from "./useCreation";
+import useDebounceFn from "./useDebounceFn";
+import useDebounceValue from "./useDebounceValue";
+import useInterval from "./useInterval";
+import useLatest from "./useLatest";
+import useMap from "./useMap";
+import useMemoizedFn from "./useMemoizedFn";
+import useMount from "./useMount";
+import useSet from "./useSet";
+import useThrottleFn from "./useThrottleFn";
+import useThrottleValue from "./useThrottleValue";
+import useTimeout from "./useTimeout";
+import useToggle from "./useToggle";
+import useUnmount from "./useUnmount";
+import useUpdate from "./useUpdate";
+export { useBoolean, useCreation, useDebounceFn, useDebounceValue, useInterval, useLatest, useMap, useMemoizedFn, useMount, useSet, useThrottleFn, useThrottleValue, useTimeout, useToggle, useUnmount, useUpdate };

package/dist/useBoolean/demo/demo1.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const DemoOne: FC;
+export default DemoOne;

package/dist/useBoolean/demo/demo1.js

@@ -0,0 +1,23 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useBoolean } from "../..";
+import React from 'react';
+var DemoOne = function DemoOne() {
+  var _useBoolean = useBoolean(true),
+    _useBoolean2 = _slicedToArray(_useBoolean, 2),
+    value = _useBoolean2[0],
+    action = _useBoolean2[1];
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, "Effects: ", value.toString()), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: action.toggle
+  }, "toggle"), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: action.setTrue,
+    style: {
+      margin: '0 8px'
+    }
+  }, "steTrue"), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: action.setFalse
+  }, "setFalse"));
+};
+export default DemoOne;

package/dist/useBoolean/index.d.ts

@@ -0,0 +1,8 @@
+interface Actions {
+    set: (value: boolean) => void;
+    setTrue: () => void;
+    setFalse: () => void;
+    toggle: () => void;
+}
+declare const useBoolean: (defaultValue?: boolean) => [boolean, Actions];
+export default useBoolean;

package/dist/useBoolean/index.js

@@ -0,0 +1,25 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useState } from 'react';
+var useBoolean = function useBoolean() {
+  var defaultValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  var _useState = useState(defaultValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var actions = {
+    set: setValue,
+    setTrue: function setTrue() {
+      return setValue(true);
+    },
+    setFalse: function setFalse() {
+      return setValue(false);
+    },
+    toggle: function toggle() {
+      return setValue(function (v) {
+        return !v;
+      });
+    }
+  };
+  return [value, actions];
+};
+export default useBoolean;

package/dist/useCreation/demo/demo1.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: 案例
+ * description: 确保实例不会被重复创建，点击 "Rerender" 按钮，触发组件的更新，但 testMemo 的数据会保持不变
+ */
+import React from 'react';
+export default function (): React.JSX.Element;

package/dist/useCreation/demo/demo1.js

@@ -0,0 +1,24 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 案例
+ * description: 确保实例不会被重复创建，点击 "Rerender" 按钮，触发组件的更新，但 testMemo 的数据会保持不变
+ */
+
+import { useCreation } from "../..";
+import React, { useState } from 'react';
+export default function () {
+  var testMemo = useCreation(function () {
+    return {
+      info: Math.random()
+    };
+  }, []);
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    setFlag = _useState2[1];
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", null, testMemo.info), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: function onClick() {
+      setFlag({});
+    }
+  }, "Rerender"));
+}

package/dist/useCreation/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const useCreation: <T>(factory: () => T, deps: import("react").DependencyList) => T;
+export default useCreation;

package/dist/useCreation/index.js

@@ -0,0 +1,17 @@
+import { useRef } from 'react';
+import isSameDep from "../utils/isSameDep";
+var useCreation = function useCreation(factory, deps) {
+  var _useRef = useRef({
+      obj: null,
+      deps: deps,
+      init: false
+    }),
+    current = _useRef.current;
+  if (!current.init || !isSameDep(current.deps, deps)) {
+    current.obj = factory();
+    current.deps = deps;
+    current.init = true;
+  }
+  return current.obj;
+};
+export default useCreation;

package/dist/useDebounceFn/demo/demo1.d.ts

@@ -0,0 +1,7 @@
+/**
+ * title: 案例
+ * description: 频繁调用 run，但只会在所有点击完成 2000ms 后执行一次相关函数
+ */
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/useDebounceFn/demo/demo1.js

@@ -0,0 +1,39 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 案例
+ * description: 频繁调用 run，但只会在所有点击完成 2000ms 后执行一次相关函数
+ */
+
+import { useDebounceFn } from "../..";
+import React, { useState } from 'react';
+export default (function () {
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var _useDebounceFn = useDebounceFn(function () {
+      setValue(value + 1);
+    }, {
+      wait: 2000
+    }),
+    run = _useDebounceFn.run,
+    cancel = _useDebounceFn.cancel,
+    flush = _useDebounceFn.flush;
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
+    style: {
+      marginTop: 16
+    }
+  }, " count: ", value, " "), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: run
+  }, "\u70B9\u51FB\u8C03\u7528"), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: flush,
+    style: {
+      margin: '0 8px'
+    }
+  }, "\u7ACB\u5373\u5B8C\u6210\u9632\u6296\u51FD\u6570"), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: cancel
+  }, "\u53D6\u6D88"));
+});

package/dist/useDebounceFn/demo/demo2.d.ts

@@ -0,0 +1,7 @@
+/**
+ * title: 案例
+ * description: 设置 leading 为 true 当频繁调用 run，会在 第一次点击 和 所有点击完成 2000ms 后各执行一次相关函数
+ */
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/useDebounceFn/demo/demo2.js

@@ -0,0 +1,29 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 案例
+ * description: 设置 leading 为 true 当频繁调用 run，会在 第一次点击 和 所有点击完成 2000ms 后各执行一次相关函数
+ */
+
+import { useDebounceFn } from "../..";
+import React, { useState } from 'react';
+export default (function () {
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var _useDebounceFn = useDebounceFn(function () {
+      setValue(value + 1);
+    }, {
+      leading: true,
+      wait: 2000
+    }),
+    run = _useDebounceFn.run;
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
+    style: {
+      marginTop: 16
+    }
+  }, " count: ", value, " "), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: run
+  }, "\u70B9\u51FB\u8C03\u7528"));
+});

package/dist/useDebounceFn/demo/demo3.d.ts

@@ -0,0 +1,7 @@
+/**
+ * title: 案例
+ * description: 设置 leading 为 true，trailing 为 false 当频繁调用 run，只会在 第一次点击 后执行一次相关函数 然后等待2000ms
+ */
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/useDebounceFn/demo/demo3.js

@@ -0,0 +1,30 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 案例
+ * description: 设置 leading 为 true，trailing 为 false 当频繁调用 run，只会在 第一次点击 后执行一次相关函数 然后等待2000ms
+ */
+
+import { useDebounceFn } from "../..";
+import React, { useState } from 'react';
+export default (function () {
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var _useDebounceFn = useDebounceFn(function () {
+      setValue(value + 1);
+    }, {
+      leading: true,
+      trailing: false,
+      wait: 2000
+    }),
+    run = _useDebounceFn.run;
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
+    style: {
+      marginTop: 16
+    }
+  }, " count: ", value, " "), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: run
+  }, "\u70B9\u51FB\u8C03\u7528"));
+});

package/dist/useDebounceFn/index.d.ts

@@ -0,0 +1,14 @@
+import _ from 'lodash-es';
+interface Option {
+    wait?: number;
+    leading?: boolean;
+    trailing?: boolean;
+    maxWait?: number;
+}
+type FnType = (...args: any[]) => any;
+declare const useDebounceFn: (callback: FnType, option: Option) => {
+    run: _.DebouncedFunc<(...args: any) => void>;
+    cancel: () => void;
+    flush: () => void | undefined;
+};
+export default useDebounceFn;

package/dist/useDebounceFn/index.js

@@ -0,0 +1,28 @@
+import _ from 'lodash-es';
+import useCreation from "../useCreation";
+import useLatest from "../useLatest";
+import useUnmount from "../useUnmount";
+var useDebounceFn = function useDebounceFn(callback, option) {
+  var _option$leading, _option$trailing, _option$wait;
+  // 设置默认值
+  option.leading = (_option$leading = option === null || option === void 0 ? void 0 : option.leading) !== null && _option$leading !== void 0 ? _option$leading : false;
+  option.trailing = (_option$trailing = option === null || option === void 0 ? void 0 : option.trailing) !== null && _option$trailing !== void 0 ? _option$trailing : true;
+  option.wait = (_option$wait = option === null || option === void 0 ? void 0 : option.wait) !== null && _option$wait !== void 0 ? _option$wait : 1000;
+  var callbackRef = useLatest(callback);
+
+  // 保存_.debounce()返回的函数
+  var debounce = useCreation(function () {
+    return _.debounce(function () {
+      callbackRef.current.apply(callbackRef, arguments);
+    }, option.wait, option);
+  }, []);
+  useUnmount(function () {
+    debounce.cancel();
+  });
+  return {
+    run: debounce,
+    cancel: debounce.cancel,
+    flush: debounce.flush
+  };
+};
+export default useDebounceFn;

package/dist/useDebounceValue/demo/demo1.d.ts

@@ -0,0 +1,7 @@
+/**
+ * title: 案例
+ * description: debounceValue 每隔 1000ms 变化一次。
+ */
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/useDebounceValue/demo/demo1.js

@@ -0,0 +1,31 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 案例
+ * description: debounceValue 每隔 1000ms 变化一次。
+ */
+
+import { useDebounceValue } from "../..";
+import React, { useState } from 'react';
+export default (function () {
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var debounceValue = useDebounceValue(value, {
+    wait: 1000
+  });
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", {
+    value: value,
+    onChange: function onChange(e) {
+      return setValue(e.target.value);
+    },
+    placeholder: "\u4FEE\u6539debounceValue",
+    style: {
+      width: 280
+    }
+  }), /*#__PURE__*/React.createElement("p", {
+    style: {
+      marginTop: 16
+    }
+  }, "debounceValue: ", debounceValue));
+});

package/dist/useDebounceValue/index.d.ts

@@ -0,0 +1,8 @@
+interface Option {
+    wait?: number;
+    leading?: boolean;
+    trailing?: boolean;
+    maxWait?: number;
+}
+declare const useDebounceValue: <T>(value: T, options: Option) => T;
+export default useDebounceValue;

package/dist/useDebounceValue/index.js

@@ -0,0 +1,18 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useEffect, useState } from 'react';
+import useDebounceFn from "../useDebounceFn";
+var useDebounceValue = function useDebounceValue(value, options) {
+  var _useState = useState(value),
+    _useState2 = _slicedToArray(_useState, 2),
+    debouncedValue = _useState2[0],
+    setDebouncedValue = _useState2[1];
+  var _useDebounceFn = useDebounceFn(function () {
+      setDebouncedValue(value);
+    }, options),
+    run = _useDebounceFn.run;
+  useEffect(function () {
+    run();
+  }, [value]);
+  return debouncedValue;
+};
+export default useDebounceValue;

package/dist/useEventEmitter/index.d.ts

@@ -0,0 +1,2 @@
+declare const useEventEmitter: () => void;
+export default useEventEmitter;

package/dist/useEventEmitter/index.js

@@ -0,0 +1,2 @@
+var useEventEmitter = function useEventEmitter() {};
+export default useEventEmitter;

package/dist/useInterval/demo/demo1.d.ts

@@ -0,0 +1,7 @@
+/**
+ * title: 案例
+ * description: 立即执行一次，每1000ms，执行一次
+ */
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/useInterval/demo/demo1.js

@@ -0,0 +1,18 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 案例
+ * description: 立即执行一次，每1000ms，执行一次
+ */
+
+import { useInterval } from "../..";
+import React, { useState } from 'react';
+export default (function () {
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    count = _useState2[0],
+    setCount = _useState2[1];
+  useInterval(function () {
+    setCount(count + 1);
+  }, 1000, true);
+  return /*#__PURE__*/React.createElement("div", null, "count: ", count);
+});

package/dist/useInterval/demo/demo2.d.ts

@@ -0,0 +1,7 @@
+/**
+ * title: 案例
+ * description: 动态修改 delay 以实现定时器间隔变化与暂停。
+ */
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/useInterval/demo/demo2.js

@@ -0,0 +1,45 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 案例
+ * description: 动态修改 delay 以实现定时器间隔变化与暂停。
+ */
+
+import { useInterval } from "../..";
+import React, { useState } from 'react';
+export default (function () {
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    count = _useState2[0],
+    setCount = _useState2[1];
+  var _useState3 = useState(1000),
+    _useState4 = _slicedToArray(_useState3, 2),
+    interval = _useState4[0],
+    setInterval = _useState4[1];
+  var clear = useInterval(function () {
+    setCount(count + 1);
+  }, interval);
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, " count: ", count, " "), /*#__PURE__*/React.createElement("p", {
+    style: {
+      marginTop: 16
+    }
+  }, " interval: ", interval, " "), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: function onClick() {
+      return setInterval(interval + 1000);
+    },
+    style: {
+      marginRight: 8
+    }
+  }, "interval + 1000"), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    style: {
+      marginRight: 8
+    },
+    onClick: function onClick() {
+      setInterval(1000);
+    }
+  }, "reset interval"), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: clear
+  }, "clear"));
+});

package/dist/useInterval/index.d.ts

@@ -0,0 +1,3 @@
+type FnType = () => void;
+declare const useInterval: (callback: FnType, delay?: number, immediate?: boolean) => FnType;
+export default useInterval;

package/dist/useInterval/index.js

@@ -0,0 +1,29 @@
+import { useCallback, useEffect, useRef } from 'react';
+var useInterval = function useInterval(callback) {
+  var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1000;
+  var immediate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var timerRef = useRef();
+  var callbackRef = useRef(callback); // 用于保存最新的 callback
+
+  var clearFn = useCallback(function () {
+    if (timerRef.current) {
+      clearInterval(timerRef.current);
+    }
+  }, []);
+
+  // 每次渲染时更新 callbackRef 的值
+  useEffect(function () {
+    callbackRef.current = callback;
+  }, [callback]);
+  useEffect(function () {
+    if (immediate) {
+      callbackRef.current();
+    }
+    timerRef.current = setInterval(function () {
+      callbackRef.current(); // 每次都读取最新的 callback
+    }, delay);
+    return clearFn;
+  }, [delay]);
+  return clearFn;
+};
+export default useInterval;

package/dist/useLatest/demo/demo1.d.ts

@@ -0,0 +1,7 @@
+/**
+ * title: 案例
+ * description: useLatest 返回的永远是最新值
+ */
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/useLatest/demo/demo1.js

@@ -0,0 +1,38 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 案例
+ * description: useLatest 返回的永远是最新值
+ */
+
+import { useLatest } from "../..";
+import React, { useEffect, useState } from 'react';
+export default (function () {
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    count = _useState2[0],
+    setCount = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    count2 = _useState4[0],
+    setCount2 = _useState4[1];
+  var latestCountRef = useLatest(count);
+  useEffect(function () {
+    var interval = setInterval(function () {
+      // 获取到最新的 count 值然后＋1
+      setCount(latestCountRef.current + 1);
+    }, 1000);
+    return function () {
+      return clearInterval(interval);
+    };
+  }, []);
+  useEffect(function () {
+    var interval = setInterval(function () {
+      // 因为闭包陷阱，count2 访问时永远都是 0
+      setCount2(count2 + 1);
+    }, 1000);
+    return function () {
+      return clearInterval(interval);
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", null, "count(useLatest): ", count), /*#__PURE__*/React.createElement("p", null, "count(defult): ", count2));
+});

package/dist/useLatest/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const useLatest: <T>(value: T) => import("react").MutableRefObject<T>;
+export default useLatest;

package/dist/useLatest/index.js

@@ -0,0 +1,7 @@
+import { useRef } from 'react';
+var useLatest = function useLatest(value) {
+  var valRef = useRef(value);
+  valRef.current = value;
+  return valRef;
+};
+export default useLatest;