Блокировка всплывающего клика по вложенному элементу

Не выводить сообщение "Outer clicked", когда пользователь нажимает на элемент <div> с классом inner.

export const Square = () => {
  const handleOuterClick = () => {
    console.log('Outer clicked');
  };

  return (
    <div className="outer" onClick={handleOuterClick}>
      <div className="inner">Hello</div>
    </div>
  );
};