I need some help for this : How can i apply my upper div (onClick) only on my ResizableBox component ?

```
<div onClick={() => {
      isSelected();
    }}>
      <ResizableBox
        width={box.width}
        height={box.height}
        boxId={box.id}
        style={
          getStyles(box.left, box.top, collectData.isDragging, isBoxSelected, box.border)
        }
        onContextMenu={(e) => {
          e.preventDefault();
          setIsPopMenuOpened(!isPopMenuOpened);
        }}
      >
        <div
          onDoubleClick={onDoubleClick}
          className={cn({ "Drag-hide-grab": !draggable, "Drag-active": collectData.isDragging })}
          ref={drag}
          draggable={draggable}
        >
          <PopMenu
            visible={isPopMenuOpened}
            box={box}
            onClose={() => setIsPopMenuOpened(false)}
            setCopy={setCopy}
          ></PopMenu>
          {children({ isDragging: collectData.isDragging })}
        </div>
      </ResizableBox>
    </div>

```

I tried to put a second onClick on my PopMenu component but it does not work, same for putting onClick in ResizableBox component.