Компонент React выполняет повторный рендеринг, однако эффект не запускается, хотя должен

Это мой компонент:

function Test() {
    const [data, setData]=useState<Array<string>>([]);
    console.info('Hello:', data);
    
    useEffect(()=>{
       console.info('data: ', data)
    }, [data])
    const test1 = () => {
        setData(data.concat('a'));
    }
    const test2 = () => {
        setData(data);
    }
    return (
        <>
           <button onClick = {test1}>Button one</button>
           <button onClick = {test2}>Button two</button>
       </>
    );
}

Все работает нормально при нажатии Button one. Компонент выполняет повторный рендеринг, и эффект запускается. Однако то, что происходит с Button two, я не могу объяснить:

• Если щелкнуть Button two сразу после Button one, компонент перерендерится, но эффект не запустится. Это не имеет смысла, поскольку React использует сравнение Object.is для принятия решения о том, следует ли повторно отображать/запускать эффект. Как это сравнение дает разные результаты среди useState и useEffect? Сначала он решает перерендериться, что означает, что значение состояния data изменилось. Как это верно с setData(data)? Затем он решает не запускать эффект, что означает отсутствие изменений в зависимости data. Очевидно, что между двумя вышеуказанными решениями существует противоречие...
• Если щелкнуть Button two во второй раз (после нажатия Button one), то ничего не произойдет, что абсолютно понятно.

Может ли кто-нибудь объяснить вышеуказанное поведение?