title: "React does not recognize the prop on a DOM element" in React Router
body: <blockquote>
    <p>React does not recognize the <code>computedMatch</code> prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase <code>computedmatch</code> instead. If you accidentally passed it from a parent component, remove it from the DOM element.</p>
  </blockquote>
  
  <p>This is the code in question:</p>
  
  <pre><code>import React from "react";
  import {
      BrowserRouter as Router,
      Switch,
      Route,
      NavLink
  } from "react-router-dom";
  import "./AdminPage.css";
  
  export default class AdminPage extends React.Component {
      render() {
          return (
              &lt;div&gt;
                  &lt;Router&gt;
                      &lt;nav&gt;
                          &lt;ul className="nav nav-tabs"&gt;
                              &lt;li className="nav-item"&gt;
                                  &lt;NavLink to="/admin/books" className="nav-link" activeClassName="active"&gt;Books&lt;/NavLink&gt;
                              &lt;/li&gt;
                              &lt;li className="nav-item"&gt;
                                  &lt;NavLink to="/admin/branches" className="nav-link" activeClassName="active"&gt;Branches&lt;/NavLink&gt;
                              &lt;/li&gt;
                              &lt;li className="nav-item"&gt;
                                  &lt;NavLink to="/admin/members" className="nav-link" activeClassName="active"&gt;Members&lt;/NavLink&gt;
                              &lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/nav&gt;
                      &lt;Switch&gt;
                          &lt;div&gt; &lt;!-- this appears to be the element that is receiving a "computedMatch" property --&gt;
                              &lt;Route exact path="/admin/books"&gt;
                                  Books
                              &lt;/Route&gt;
                          &lt;/div&gt;
                      &lt;/Switch&gt;
                  &lt;/Router&gt;
              &lt;/div&gt;
          )
      }
  }
  </code></pre>