export default function useDeepCompareMemoize(value) { const ref = useRef([]); if (!equals(value, ref.current)) { ref.current = value; } return ref.current; }
const useDependencyDebugger = inputs => { const oldInputsRef = useRef(inputs); const inputValuesArray = Object.values(inputs); const inputKeysArray = Object.keys(inputs); useMemo(() => { const oldInputs = oldInputsRef.current; compareInputs(inputKeysArray, oldInputs, inputs); oldInputsRef.current = inputs; }, inputValuesArray); // eslint-disable-line react-hooks/exhaustive-deps }
const TableHeader = ({ numSelected, rowCount, packages, sortBy, sortDir }) => { const dispatch = useDispatch(); const checkboxAll = useRef(null);
const [isSideBarOpen, setIsSidebarOpen] = useState(isDesktop); const sideBarRef = useRef('');
const inputRef = useRef(null); useClickOutside(inputRef, () => setIsOpenSearchResult(false));
const usePrevious = value => { const ref = useRef(); useEffect(() => { ref.current = value; }); return ref.current; }
const SearchBox = ({ classes, disabled, onlineStatus }) => { const searchInputEl = useRef(null); const dispatch = useDispatch(); const [packageName, setPackageName] = useState('');
hasError }) => { const rowRef = useRef();
match, }) => { const bottomRef = useRef(null);
const Filters = ({ classes, mode, close, listFilters }) => { const searchInputEl = useRef(null); const [filters, setFilters] = useState([{ filterType: 'name' }]); const dispatch = useDispatch();
export default function useDeepCompareMemoize(value) { const ref = useRef([]); if (!equals(value, ref.current)) { ref.current = value; } return ref.current; }