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 {
    commitDurations,
    commitTimes,
    filteredCommitIndices,
    isMouseDown,
    maxDuration,
    selectedCommitIndex,
    selectCommitIndex,
  } = itemData;
  index = filteredCommitIndices[index];
  const commitDuration = commitDurations[index];
  const commitTime = commitTimes[index];
  const handleClick = useCallback(() => selectCommitIndex(index), [
    index,
    selectCommitIndex,
  ]);
  
  const percentage =
    Math.min(1, Math.max(0, commitDuration / maxDuration)) || 0;
  const isSelected = selectedCommitIndex === index;