Ребят, объясните, пожалуйста, что за прикол: почему при клике на button

Question

Ребят, объясните, пожалуйста, что за прикол: почему при клике на button

эвент у .wrapper отработает раньше? То есть, в консоль мы получим: wrapper, inner

useEffect(() => {
const el = document.querySelector('.wrapper');
if (el) {
el.addEventListener('click', () => {
console.log('wrapper');
})
}
}, []);

<div className="wrapper">
<button onClick={() => {console.log('inner')}}>inner</button>
</div>