title: isAuth is not defined
body: <p>i defined isAuth in Line 14 but i got error &quot;src\App.js
  Line 25:13:  'isAuth' is not defined  no-undef&quot;
  idk, maybe i defined it wrong, looking up for your help, thanks</p>
  <pre><code>import React, { Component } from 'react';
  import './css/main.css';
  import { BrowserRouter as Router, Routes, Route, Link } from 'react-router-dom';
  import Home from './pages/Home';
  import CreatePost from './pages/CreatePost';
  import Login from './pages/Login';
  
  
  class App extends Component {
  
    constructor(props) {
      super(props);
      this.state = {
        isAuth: false,
        setIsAuth: false
      };
    }
  
    render() {
      return (
        &lt;Router&gt;
          &lt;nav&gt;
            &lt;Link to=&quot;/&quot;&gt;Home&lt;/Link&gt;
            &lt;Link to=&quot;/createpost&quot;&gt; Create New Post&lt;/Link&gt;
            {!isAuth &amp;&amp; &lt;Link to=&quot;/login&quot;&gt;Login&lt;/Link&gt;}
          &lt;/nav&gt;
          &lt;Routes&gt;
            &lt;Route path=&quot;/&quot; element={&lt;Home /&gt;} /&gt;
            &lt;Route path=&quot;/login&quot; element={&lt;Login setIsAuth={this.state.setIsAuth} /&gt;} /&gt;
            &lt;Route path=&quot;/createpost&quot; element={&lt;CreatePost /&gt;} /&gt;
          &lt;/Routes&gt;
        &lt;/Router&gt;
      );
    }
  }
  
  export default App;
  </code></pre>