title: Use material-ui table with react-beautiful-dnd
body: <p>I'm looking to use material-ui in combination with react-beautiful-dnd in order to make a sortable table. However, using material-ui's table components causes trouble as TableBody won't accept innerRef and TableRow won't accept innerRef and isDragging. See my code below:</p>
  
  <pre><code>&lt;DragDropContext onDragEnd={this.onDragEnd}&gt;
    &lt;Fragment&gt;
      &lt;Table className={classes.table}&gt;
        &lt;TableHead&gt;
          &lt;TableRow&gt;
            &lt;TableCell /&gt;
            &lt;TableCell&gt;Name&lt;/TableCell&gt;
            &lt;TableCell numeric&gt;Number&lt;/TableCell&gt;
            &lt;TableCell&gt;Time&lt;/TableCell&gt;
          &lt;/TableRow&gt;
        &lt;/TableHead&gt;
        &lt;Droppable droppableId="table"&gt;
          {(droppableProvided) =&gt; (
            &lt;TableBody
              innerRef={(ref) =&gt; {
                this.tableRef = ref;
                droppableProvided.innerRef(ref);
              }}
              {...droppableProvided.droppableProps}
            &gt;
              {this.state.users.map((user, index) =&gt; (
                &lt;Draggable
                  draggableId={user.id}
                  index={index}
                  key={user.id}
                &gt;
                  {(
                    provided,
                    snapshot,
                  ) =&gt; (
                    &lt;TableRow
                      innerRef={provided.innerRef}
                      isDragging={snapshot.isDragging}
                      {...provided.draggableProps}
                      {...provided.dragHandleProps}
                    &gt;
                      &lt;TableCell&gt;&lt;DragIndicatorIcon /&gt;&lt;/TableCell&gt;
                      &lt;TableCell&gt;{user.name}&lt;/TableCell&gt;
                      &lt;TableCell numeric&gt;{user.number}&lt;/TableCell&gt;
                      &lt;TableCell&gt;10&lt;/TableCell&gt;
                    &lt;/TableRow&gt;
                  )}
                &lt;/Draggable&gt;
              ))}
            &lt;/TableBody&gt;
          )}
        &lt;/Droppable&gt;
      &lt;/Table&gt;
    &lt;/Fragment&gt;
  &lt;/DragDropContext&gt;
  </code></pre>
  
  <p>How can I get material-ui to be usable with these attributes?</p>