<!--
  Note: if the issue is about documentation or the website, please file it at:
  https://github.com/reactjs/reactjs.org/issues/new
-->

**Do you want to request a *feature* or report a *bug*?**
A bug

**What is the current behavior?**
When Chrome devtools is highlighting highlight box is shown too small.

![image](https://user-images.githubusercontent.com/44562005/69419027-185ca380-0d5f-11ea-8284-8004147dc713.png)

**What is the expected behavior?**
Highlight box is shown actual template size.

**Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?**
Chrome 78.0.3904.97
React Developer Tools 4.2.0
/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @flow
 */
import type {Data} from './index';
import type {Rect} from '../utils';
import type {NativeType} from '../../types';
const OUTLINE_COLOR = '#f0f0f0';
const COLORS = [
  '#37afa9',
  '#63b19e',
  '#80b393',
  '#97b488',
  '#abb67d',
  '#beb771',
  '#cfb965',
  '#dfba57',
  '#efbb49',
  '#febc38',
];
let canvas: HTMLCanvasElement | null = null;
export function draw(nodeToData: Map<NativeType, Data>): void {
  if (canvas === null) {