ConditionalEffects.js

import {useEffect, useState} from "react";
import Counter from "./Counter";
function ConditionalEffects() {
    const [firstCounter, setFirstCounter] = useState(0);
    const [secondCounter, setSecondCounter] = useState(0);
    useEffect(() => {
        console.log("updated first counter")
    }, [firstCounter]);
    useEffect(() => {
        console.log("updated first counter")
    }, [secondCounter]);
    return (
        <div>
            <Counter onChange={setFirstCounter} />
            <Counter onChange={setSecondCounter} />
        </div>
    )
}