@mantine/hooks/esm/use-shallow-effect/use-shallow-effect.mjs

A collection of 50+ hooks for state and UI management

"use client";
import { shallowEqual } from "../utils/shallow-equal/shallow-equal.mjs";
import { useEffect, useRef } from "react";
//#region packages/@mantine/hooks/src/use-shallow-effect/use-shallow-effect.ts
function shallowCompare(prevValue, currValue) {
	if (!prevValue || !currValue) return false;
	if (prevValue === currValue) return true;
	if (prevValue.length !== currValue.length) return false;
	for (let i = 0; i < prevValue.length; i += 1) if (!shallowEqual(prevValue[i], currValue[i])) return false;
	return true;
}
function useShallowCompare(dependencies) {
	const ref = useRef([]);
	const updateRef = useRef(0);
	if (!shallowCompare(ref.current, dependencies)) {
		ref.current = dependencies;
		updateRef.current += 1;
	}
	return [updateRef.current];
}
function useShallowEffect(cb, dependencies) {
	useEffect(cb, useShallowCompare(dependencies));
}
//#endregion
export { useShallowEffect };

//# sourceMappingURL=use-shallow-effect.mjs.map