Test code to check frequency of re-render based on state variable updates while using useEffect hook.

ComponentX_useEffectTest.tsx

import { useEffect, useState } from "react";

export const ComponentX: React.FC = () => {
    const [stateVar, setStateVar] = useState(undefined);
    const [numberGeoRequests, setNumberGeoRequests] = useState(0);
    const [lastRequestTime, setLastRequestTime] = useState(
        new Date().getTime(),
    );

    useEffect(() => {
        // ... logic
        setNumberGeoRequests(numberGeoRequests + 1);
        const requestTime = new Date().getTime();
        setLastRequestTime(requestTime);
        console.log({
            numberGeoRequests,
            time: requestTime,
            timeISO: new Date(requestTime).toISOString(),
            timeMsSinceLastRequest: lastRequestTime
                ? requestTime - new Date(lastRequestTime).getTime()
                : 0,
        });
        setStateVar(true);

        // further logic...
    }, [setStateVar]);
};

export default ComponentX;