Put an onClick on the child div and have it stop propagation:
const Example = () => {
return (
<div onClick={(e) => {
// Handle the click for the outer area
}}>
<div onClick={(e) => e.stopPropagation()}>
</div>
</div>
)
}