title: react-beautiful-dnd draggable not visible during drag
body: <p>I'm creating a trello-like component using react-beautiful-dnd however the draggable object isn't visible during a drag and I am struggling to figure out why.</p>
  
  <p><a href="https://gfycat.com/GoodnaturedOptimalIndianjackal" rel="nofollow noreferrer">See gif here</a></p>
  
  <p>This is the relevant code: <a href="https://pastebin.com/vCDcdw08" rel="nofollow noreferrer">here</a></p>
  
  <p>I feel as though it might have something to do with</p>
  
  <pre><code>&lt;Draggable
    draggableId={this.props.task.id}
    index={this.props.index}
  &gt;
    {(provided, snapshot) =&gt;
      &lt;div className={this.getClassName(snapshot.isDragging)}
        {...provided.draggableProps}
        ref={provided.innerRef}
        onClick={this.toggleDialog}
      &gt;
        //etc
      &lt;/div&gt;
    )}
  &lt;/Draggable&gt;
  </code></pre>
  
  <p>But I'm stumped</p>