title: React does not recognize the `computedMatch` prop on a DOM element.
body: <p>I am using react typescript with bootstrap-v3, the problem is about Breadcrumb and react-router-dom:</p>
  
  <p>a warning is prompt from react: React does not recognize the <code>computedMatch</code> prop on a DOM element.  </p>
  
  <p>how does this computedMatch come from?
  I'm using latest react-bootstrap:</p>
  
  <p>the first line is the html node with strange computedmatch attribute:</p>
  
  <pre><code>&lt;ol computedmatch="[object Object]" location="[object Object]" role="navigation" aria-label="breadcrumbs" class="breadcrumb"&gt;&lt;li class=""&gt;&lt;span href="#" role="button"&gt;&lt;a href="/"&gt;Home&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=""&gt;&lt;span href="#" role="button"&gt;&lt;a href="/"&gt;React&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=""&gt;&lt;span href="#" role="button"&gt;&lt;a href="/name"&gt;Author&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;
  </code></pre>
  
  <p>the following are the Breadcrumb.js lib file:</p>
  
  <pre><code>import _extends from "@babel/runtime-corejs2/helpers/esm/extends";
  import _objectWithoutPropertiesLoose from "@babel/runtime-corejs2/helpers/esm/objectWithoutPropertiesLoose";
  import _inheritsLoose from "@babel/runtime-corejs2/helpers/esm/inheritsLoose";
  import classNames from 'classnames';
  import React from 'react';
  import BreadcrumbItem from './BreadcrumbItem';
  import { bsClass, getClassSet, splitBsProps } from './utils/bootstrapUtils';
  
  var Breadcrumb =
  /*#__PURE__*/
  function (_React$Component) {
    _inheritsLoose(Breadcrumb, _React$Component);
  
    function Breadcrumb() {
      return _React$Component.apply(this, arguments) || this;
    }
  
    var _proto = Breadcrumb.prototype;
  
    _proto.render = function render() {
      var _this$props = this.props,
          className = _this$props.className,
          props = _objectWithoutPropertiesLoose(_this$props, ["className"]);
  
      var _splitBsProps = splitBsProps(props),
          bsProps = _splitBsProps[0],
          elementProps = _splitBsProps[1];
  
      var classes = getClassSet(bsProps);
      return React.createElement("ol", _extends({}, elementProps, {
        role: "navigation",
        "aria-label": "breadcrumbs",
        className: classNames(className, classes)
      }));
    };
  
    return Breadcrumb;
  }(React.Component);
  
  Breadcrumb.Item = BreadcrumbItem;
  export default bsClass('breadcrumb', Breadcrumb);
  </code></pre>
  
  <p>my tsx code is:</p>
  
  <pre><code>&lt;Router&gt;
            &lt;Switch&gt;
              &lt;Breadcrumb computedMatch={undefined}&gt;
                &lt;Breadcrumb.Item componentClass="span"&gt;
                  &lt;Link to="/"&gt;Home&lt;/Link&gt;
                &lt;/Breadcrumb.Item&gt;
                &lt;Breadcrumb.Item componentClass="span"&gt;
                  &lt;Link to="/"&gt;React&lt;/Link&gt;
                &lt;/Breadcrumb.Item&gt;
                &lt;Breadcrumb.Item active={false} componentClass="span"&gt;
                  &lt;Link to="/name"&gt;Author&lt;/Link&gt;
                &lt;/Breadcrumb.Item&gt;
              &lt;/Breadcrumb&gt;
              &lt;Route path="/:name" component={gridInstance} /&gt;
            &lt;/Switch&gt;
          &lt;/Router&gt;
  </code></pre>