		import React from "react";
		export declare const useArray: <T>(initialValue: T[]) => readonly [T[], React.Dispatch<React.SetStateAction<T[]>>, (index: number, value: T) => void, (value: T) => void, () => T];

+31

useArray.js

		"use strict";
		var __spreadArray = (this && this.__spreadArray) \|\| function (to, from, pack) {
		if (pack \|\| arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
		if (ar \|\| !(i in from)) {
		if (!ar) ar = Array.prototype.slice.call(from, 0, i);
		ar[i] = from[i];
		}
		}
		return to.concat(ar \|\| Array.prototype.slice.call(from));
		};
		var __importDefault = (this && this.__importDefault) \|\| function (mod) {
		return (mod && mod.__esModule) ? mod : { "default": mod };
		};
		exports.__esModule = true;
		exports.useArray = void 0;
		var react_1 = __importDefault(require("react"));
		var useArray = function (initialValue) {
		var _a = react_1["default"].useState(initialValue), arr = _a[0], setArr = _a[1];
		var setArrByIndex = react_1["default"].useCallback(function (index, value) {
		return setArr(function (oldArr) { return oldArr.map(function (x, idx) { return (idx === index ? value : x); }); });
		}, [setArr]);
		var pushArr = react_1["default"].useCallback(function (value) { return setArr(function (oldArr) { return __spreadArray(__spreadArray([], oldArr, true), [value], false); }); }, [setArr]);
		var popArr = react_1["default"].useCallback(function () {
		// Will return undefined if array has length 0
		var last = arr[arr.length - 1];
		setArr(function (oldArr) { return oldArr.filter(function (x, idx) { return idx !== arr.length - 1; }); });
		return last;
		}, [arr, setArr]);
		return [arr, setArr, setArrByIndex, pushArr, popArr];
		};
		exports.useArray = useArray;

+5

-36

package.json

-27

useArray.ts

		import React from "react";

		export const useArray = <T,>(initialValue: T[]) => {
		const [arr, setArr] = React.useState(initialValue);

		const setArrByIndex = React.useCallback(
		(index: number, value: T) =>
		setArr((oldArr) => oldArr.map((x, idx) => (idx === index ? value : x))),
		[setArr]
		);

		const pushArr = React.useCallback(
		(value: T) => setArr((oldArr) => [...oldArr, value]),
		[setArr]
		);

		const popArr = React.useCallback(() => {
		// Will return undefined if array has length 0
		const last = arr[arr.length - 1];

		setArr((oldArr) => oldArr.filter((x, idx) => idx !== arr.length - 1));

		return last;
		}, [arr, setArr]);

		return [arr, setArr, setArrByIndex, pushArr, popArr] as const;
		};

react-hook-array - npm Package Compare versions

Improved metrics