fixing issue with docs

Author: alexreardon

docs/guides/reparenting.md

@@ -38,21 +38,23 @@ function List(props) {
         </div>
       )}
     >
-      <div ref={provided.innerRef} {...provided.droppableProps}>
-        {items.map(item) => (
-          <Draggable draggableId={item.id} index={item.index}>
-            {(provided, snapshot) => (
-              <div
-                {...provided.draggableProps}
-                {...provided.dragHandleProps}
-                ref={provided.innerRef}
-              >
-                Item id: {item.id}
-              </div>
-            )}
-          </Draggable>
-        )}
-      </div>
+      {provided => (
+        <div ref={provided.innerRef} {...provided.droppableProps}>
+          {items.map(item) => (
+            <Draggable draggableId={item.id} index={item.index}>
+              {(provided, snapshot) => (
+                <div
+                  {...provided.draggableProps}
+                  {...provided.dragHandleProps}
+                  ref={provided.innerRef}
+                >
+                  Item id: {item.id}
+                </div>
+              )}
+            </Draggable>
+          )}
+        </div>
+      )}
     </Droppable>
   );
 }

stories/src/on-before-capture/adding-things.jsx

@@ -27,7 +27,7 @@ function getTasks(count: number): Task[] {
 const Item = styled.div`
   padding: ${grid}px;
   border: 1px solid ${colors.N30};
-  background-color: ${colors.N30};
+  background-color: ${props => (props.isDragging ? colors.G100 : colors.N30)};
   margin-top: ${grid}px;
   margin-left: ${grid}px;
   margin-right: ${grid}px;
@@ -45,10 +45,11 @@ function renderTasks(
         key={task.id}
         isDragDisabled={!options.isDragEnabled}
       >
-        {provided => (
+        {(provided, snapshot) => (
           <Item
             {...provided.draggableProps}
             {...provided.dragHandleProps}
+            isDragging={snapshot.isDragging}
             ref={provided.innerRef}
           >
             Task id: {task.id}