17 lines
466 B
TypeScript
17 lines
466 B
TypeScript
import isEqual from 'lodash/isEqual';
|
|
import {DependencyList, useEffect, useState} from 'react';
|
|
|
|
const emptyDependency: DependencyList = [];
|
|
|
|
export function useEqualMemo<T>(func: () => T, args: DependencyList = emptyDependency): T {
|
|
const [memoized, memo] = useState<T>(func());
|
|
useEffect(() => {
|
|
const data = func();
|
|
if (!isEqual(memoized, data)) {
|
|
memo(data);
|
|
}
|
|
}, [memoized, func, args]);
|
|
|
|
return memoized;
|
|
}
|