### dataHook
- type: string
- description: Applies a data-hook HTML attribute that can be used in the tests.
### insertPosition
- type: "end" | "start" | "any"
- description: Controls where a dropped item is inserted. `'start'` inserts it first, `'end'` inserts it last and `'any'` inserts it at the drop position.
- default: 'any'
### usePortal
- type: boolean
- description: Specifies whether the dragged item preview is rendered in a portal. Use it when the preview appears in the wrong position while dragging.
### dragPreview
- type: boolean
- description: Specifies whether the list renders as a static preview without drag and drop behavior. When nesting `<SortableListBase/>` components, set it on the list that's being dragged inside the `renderItem` callback.
### items
- type: object[]
- description: Sets the list of items to render. Each item must have a unique `id`.
### className
- type: string
- description: Specifies a CSS class name to be appended to the component's root element.
- internal
### contentClassName
- type: string
- description: className of the first items parent container.
### droppable
- type: boolean
- description: indicates if element can be drop at this place.
- default: true
### withHandle
- type: boolean
- description: decide whether to render a handle using `connectHandle` (see below)
### containerId
- type: string
- description: uniq id of container that contain current draggable item.
### groupName
- type: string
- description: No description
### renderItem
- type: (data: object) => ReactNode
- description: No description
### index
- type: number
- description: No description
### id
- type: string | number
- description: No description
### item
- type: object
- description: No description
### onMoveOut
- type: (id: any) => void
- description: callback when item was moved out from current container to another container.
### onDrop
- type: DropEventFn
- description: callback when item was dropped in a new location.
### onHover
- type: HoverEventFn
- description: callback when item is hovered.
### onDragStart
- type: DragEventFn
- description: callback for drag start.
### onDragEnd
- type: DragEventFn
- description: callback for drag end.
### shift
- type: number[]
- description: visual positioning shifting for an element (transform: translate) without moving it from its real position at DOM (left, top)
### hasDragged
- type: boolean
- description: flag that indicates that there's an item being dragged.
### setWrapperNode
- type: (node: HTMLElement, index: number, item: object) => void
- description: sets draggable item node & additional info for animation positions calculations.
### animationDuration
- type: number
- description: animation duration in ms, default = 0 - disabled.
### animationTiming
- type: string
- description: animation timing function, default = linear.
### canDrag
- type: DragEventFn
- description: callback that could prevent item from dragging.
### delay
- type: number
- description: No description
### listOfPropsThatAffectItems
- type: any[]
- description: In case that you are using some external props inside of renderItems method,
   you need to define them here.
   
   renderItem = ({ item }) => <div key={item.id}>{this.props.myAwesomeProp}</div>
   
   render() {
   return (
   <SortableListBase
   ...
   listOfPropsThatAffectItems={[this.props.myAwesomeProp]}
   />
   )
   }