Seems non-ideal. Typically range controls handle this case.

![Screen Recording 2019-04-12 at 07 54 PM](https://user-images.githubusercontent.com/810438/56059844-0e041100-5d5d-11e9-892c-f3872414ffaa.gif)


---
Originally reported by @gaearon via https://github.com/bvaughn/react-devtools-experimental/issues/141
}
    
    
    
    const ownerDocument = divRef.current.ownerDocument;
    ownerDocument.addEventListener('mouseup', handleMouseUp);
    return () => ownerDocument.removeEventListener('mouseup', handleMouseUp);
  }, [divRef, handleMouseUp]);
  const itemSize = useMemo(
    () => Math.max(minBarWidth, width / filteredCommitIndices.length),
    [filteredCommitIndices, width],
  );
  const maxDuration = useMemo(
    () => commitDurations.reduce((max, duration) => Math.max(max, duration), 0),
    [commitDurations],
  );
  
  const itemData = useMemo<ItemData>(
    () => ({
      commitDurations,
      commitTimes,
      filteredCommitIndices,
      isMouseDown,
      maxDuration,
      selectedCommitIndex,
      selectedFilteredCommitIndex,
      selectCommitIndex,
    }),
    [
      commitDurations,