title: React, How to prevent execution of click event after drag?
body: <p>I have Draggable element and inside of it, I have a component with onClick event. At the end of the drag, the click event is triggered.
  My draggable element looks like this. I used a package called <a href="https://www.npmjs.com/package/react-draggable" rel="nofollow noreferrer">react-draggable</a>.</p>
  <pre><code>&lt;Draggable
      position={this.state.realPosition}
      onStart={this.handleStart}
      onDrag={this.handleDrag}
      onStop={this.handleStop}
      disabled={this.state.isDialogOpen}
      bounds=&quot;parent&quot;&gt;
        &lt;div style={{&quot;width&quot;:&quot;fit-content&quot;}}&gt;
          &lt;Helmet getDialogStatus={this.handleClick} /&gt;  
        &lt;/div&gt;
  &lt;/Draggable&gt;
  </code></pre>
  <p>I have onClick event inside of the Helmet component which opens a dialog box. When I drag and release the element, this dialog opens. My question is how to prevent this action and how to seperate these to event?</p>
  <p>Thanks.</p>