title: How to attach onDragStart to Draggable in react-beautiful-dnd?
body: <p>In the <a href="https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/api/draggable.md#draghandleprops-type-information" rel="nofollow noreferrer">docs</a> it says:</p>
  <blockquote>
  <p><code>DragHandleProps</code> need to be applied to the node that you want to be the drag handle. This is a number of props that need to be applied to the <code>&lt;Draggable /&gt;</code> node. The simplest approach is to spread the props onto the draggable node (<code>{...provided.dragHandleProps}</code>). However, you are also welcome to monkey patch these props if you also need to respond to them. <code>DragHandleProps</code> will be <code>null</code> when <code>isDragDisabled</code> is set to true.</p>
  <p><code>dragHandleProps</code> Type information</p>
  </blockquote>
  <pre><code>type DragHandleProps = {|
    // what draggable the handle belongs to
    'data-rbd-drag-handle-draggable-id': DraggableId,
  
    // What DragDropContext the drag handle is in
    'data-rbd-drag-handle-context-id': ContextId,
  
    // Id of hidden element that contains the lift instruction (nicer screen reader text)
    'aria-labelledby': ElementId,
  
    // Allow tabbing to this element
    tabIndex: number,
  
    // Stop html5 drag and drop
    draggable: boolean,
    onDragStart: (event: DragEvent) =&gt; void,
  |};
  </code></pre>
  <p>I want to attach <code>onDragStart</code> to the <code>Draggable</code> so that it is fired only when a particular set of elements is dragged (as opposed to attaching it to <code>DragDropContext</code>).
  Using the example from the docs I do:</p>
  <pre><code>&lt;Draggable draggableId=&quot;draggable-1&quot; index={0}&gt;
    {(provided, snapshot) =&gt; (
      &lt;div
        ref={provided.innerRef}
        {...provided.draggableProps}
        {...provided.dragHandleProps}
        onDragStart={() =&gt; console.log('onDragStart')}
      &gt;
        Drag me!
      &lt;/div&gt;
    )}
  &lt;/Draggable&gt;
  </code></pre>
  <p>however it doesn't seem to be working. Any ideas how to make it work?</p>