title: Remove Draggable from Parent while Maintaining Draggable Child in react-beautiful-dnd
body: <p>I have columns with items in them. Currently, based on the code I copied from the <code>react-beautiful-dnd</code>, the columns and items are both draggable, and it's working well, but I don't want the columns to be draggable.</p>
  
  <p>If I remove the <code>&lt;Draggable/&gt;</code> component, <code>React</code> gets upset about using a function as a child. I've tried a number of other things, without any luck. Any suggestions for how to remove the column drag functionality from this component?</p>
  
  <pre><code>// @flow
  import React from 'react';
  import PropTypes from 'prop-types';
  import styled from 'react-emotion';
  import { Draggable } from 'react-beautiful-dnd';
  import { grid, colors, borderRadius } from './dnd/constants';
  import PlayerList from './dnd/player-list';
  import Title from './dnd/title';
  
  const Container = styled('div')`
    margin: ${grid}px;
  `;
  
  const Header = styled('div')`
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: ${borderRadius}px;
    border-top-right-radius: ${borderRadius}px;
    background-color: ${({ isDragging }) =&gt; (isDragging ? colors.blue.lighter : colors.blue.light)};
    transition: background-color 0.1s ease;
  
    &amp;:hover {
      background-color: ${colors.blue.lighter};
    }
  `;
  
  const Column = ({ title, players, index }) =&gt; (
    &lt;Draggable draggableId={title} index={index}&gt;
      {(provided, snapshot) =&gt; (
        &lt;Container innerRef={provided.innerRef} {...provided.draggableProps}&gt;
          &lt;Header isDragging={snapshot.isDragging}&gt;
            &lt;Title
              isDragging={snapshot.isDragging}
              {...provided.dragHandleProps}
            &gt;
              {title}
            &lt;/Title&gt;
          &lt;/Header&gt;
          &lt;PlayerList
            listId={title}
            players={players}
          /&gt;
        &lt;/Container&gt;
      )}
    &lt;/Draggable&gt;
  );
  
  Column.propTypes = {
    title: PropTypes.string.isRequired,
    players: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
    index: PropTypes.number.isRequired,
  };
  
  export default Column;
  </code></pre>