title: react warning computedMatch regarding some case issues?
body: <p>I have props named as isAuthenticated and it also shows that some case warning persists in my console. Please check it.</p>
  
  <pre><code>import React,{Component} from "react";
  import {BrowserRouter as Router, Switch, Route} from "react-router-dom";
  import LogoutHome from './Logout_Home';
  import SignIn from '../Components/SignIn';
  import jwt_decode from 'jwt-decode';
  import {setCurrentUser} from '../actions/authActions';
  import SignUp from '../Components/SignUp';
  import setAuthToken from '../util/setAuthToken';
  import AboutUs from '../containers/AboutUs';
  import store from '../store';
  import {connect} from "react-redux";
  // check for TOKEN
  if (localStorage.jwtToken) {
    // Set auth token header auth
    setAuthToken(localStorage.jwtToken);
    // Decode token and get user info and exp
    const decoded = jwt_decode(localStorage.jwtToken);
    // Set user and isAuthenticated
    store.dispatch(setCurrentUser(decoded));
  
    // Check for expired token
    const currentTime = Date.now() / 1000;
    if (decoded.exp &lt; currentTime) {
      // Logout user
      store.dispatch(logoutUser());
  
      // Redirect to login
      window.location.href = '/login';
    }
  }
  class HomePage extends Component
  {
    componentDidMount(){
      console.log(this.props.auth.isAuthenticated);
    }
      render(){
        var {
          isAuthenticated
        } = this.props.auth;
        return(
          &lt;div&gt;
            &lt;Router&gt;
              &lt;div&gt;
                &lt;Switch&gt;
                  {this.props.auth.isAuthenticated===false ? (
                    &lt;div&gt;
                    &lt;Route exact path='/' component={LogoutHome}/&gt;
                    &lt;Route  path='/Finance/Login' component={SignIn}/&gt;
                    &lt;Route  path='/Finance/AboutUs' component={AboutUs}/&gt;
                    &lt;Route  path='/Finance/ContactUs' component={ContactUs}/&gt;
                    &lt;Route  path='/Finance/SignUp' component={SignUp}/&gt;
                    &lt;Route  path='/Finance/Forgotpassword' component={Forgotpassword}/&gt;
                    &lt;/div&gt;
                    ) : (
                      &lt;div&gt;
                    &lt;Route  path='/Finance/Home' component={Home}/&gt;
                    &lt;/div&gt;
                    )}
                &lt;/Switch&gt;
              &lt;/div&gt;
            &lt;/Router&gt;
          &lt;/div&gt;
        );
      }
  }
  function mapStateToProps(state){
    return{
      auth : state.auth
    };
  }
  export default connect(mapStateToProps)(HomePage);
  </code></pre>
  
  <p>And the warning is some like this: </p>
  
  <pre><code>index.js:2178 Warning: React does not recognize the `computedMatch` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `computedmatch` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
      in div (at Homepage.js:50)
      in Switch (at Homepage.js:48)
      in div (at Homepage.js:47)
      in Router (created by BrowserRouter)
      in BrowserRouter (at Homepage.js:46)
      in div (at Homepage.js:45)
      in HomePage (created by Connect(HomePage))
      in Connect(HomePage) (at App.js:10)
      in div (at App.js:9)
      in App (at index.js:10)
      in Provider (at index.js:9)
  </code></pre>
  
  <p>I am not understanding weather it's case issue or what because I read it at many place but different answers I am getting. Above pasted is homepage component only.</p>