title: React-beautiful-dnd typescript compiler issues
body: <p>I just upgraded react and react-beautiful-dnd to the latest versions and I get a lot of type errors. This is my code:</p>
  <pre><code>            {sortedDimensions.map((dimension: any, index: number) =&gt; (
                &lt;Draggable
                  key={index}
                  draggableId={`${index}`}
                  index={index}
                  isDragDisabled={this.props.isEditingView ? true : false}
                &gt;
                  {draggable =&gt; (
                    &lt;div
                      ref={draggable.innerRef}
                      {...draggable.draggableProps}
                      {...draggable.dragHandleProps}
                    &gt;
                      &lt;DimensionColumn
                        key={`${dimension.id}-${dimension.Name}`}
                        dimension={dimension}
                        validateName={this.isValidDimensionName}
                        isEditingView={this.props.isEditingView}
                      /&gt;
                    &lt;/div&gt;
                  )}
                &lt;/Draggable&gt;
              ))}
  </code></pre>
  <p>This is the error I get:</p>
  <p><a href="https://i.stack.imgur.com/HKljE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HKljE.png" alt="enter image description here" /></a></p>
  <p>Please advice on a fix. Thanks.</p>