// INCORRECT
function BadComponent() {
    const ref = useRef(0);
    ref.current += 1;  // Modification pendant le rendu
    return <div>{ref.current}</div>;
}

// CORRECT - modifier dans useEffect ou gestionnaire d'événement
function GoodComponent() {
    const ref = useRef(0);

    useEffect(() => {
        ref.current += 1;  // OK dans useEffect
    });

    const handleClick = () => {
        ref.current += 1;  // OK dans gestionnaire
    };

    return <div>...</div>;
}