kxd-react-route-cache/dist/hooks/use-deactivated.js

change color from react-route-cache for my project

import { useEffect, useId } from 'react';
import { useLocation } from 'react-router-dom';
import { useKeepAliveContext } from '../context';
export const useDeactivated = (callback, deps = []) => {
    const { deactivateds, setDeactivateds } = useKeepAliveContext();
    const { pathname } = useLocation();
    const id = useId();
    useEffect(() => {
        callback.id = id;
        if (!deactivateds[pathname]) {
            deactivateds[pathname] = [];
        }
        const index = deactivateds[pathname].findIndex((item) => item.id === id);
        if (index !== -1) {
            deactivateds[pathname].splice(index, 1);
        }
        deactivateds[pathname].push(callback);
        setDeactivateds(Object.assign({}, deactivateds));
        return () => {
            delete deactivateds[pathname];
            setDeactivateds(Object.assign({}, deactivateds));
        };
    }, [...deps]);
};