xref: /MusicFree/src/hooks/useLogRerender.ts (revision 91c8197380501f56579772c90297157d6f3c3aab)

import {useEffect, useRef} from 'react';

export default function (msg?: string, deps: any[] = []) {
    const idRef = useRef<number>();
    useEffect(() => {
        idRef.current = Math.random();
        console.log('Mount', msg ?? '', idRef.current);
        return () => {
            console.log('Unmount', msg ?? '', idRef.current);
        };
    }, []);

    useEffect(() => {
        if (deps?.length !== 0) {
            console.log('State Change', msg ?? '', idRef.current);
        }
    }, deps);

    useEffect(() => {
        idRef.current && console.log('Rerender: ', msg ?? '', idRef.current);
    });
}