title: Why am I getting this ' homePages is not defined no-undef' error
body: <p>I'm getting the following error, How do I solve this ? I check the 21:16 line there's nothing in it.
  How do I solve this ?</p>
  <pre><code>src\Components\Home-Page\HomePage.js
    Line 21:16:  'homePages' is not defined  no-undef
  
  Search for the keywords to learn more about each error.
  </code></pre>
  <p><strong>HomePage.js</strong></p>
  <pre><code>import React from 'react';
  import Header from '../Header';
  import Footer from '../Footer';
  import CarouselContainer from '../productCarousel/CarouselContainer.js'
  import HomePageProducts from '../homePageProd/HomePageProducts.js';
  
  function HomePage()
  {
      return (
      &lt;div&gt;
               &lt;Header&gt;&lt;/Header&gt;
               &lt;CarouselContainer&gt;&lt;/CarouselContainer&gt;
         &lt;div&gt;
               &lt;HomePageProducts/&gt;
         &lt;/div&gt;
               &lt;Footer&gt;&lt;/Footer&gt;
     &lt;/div&gt;
  
      );
  }
  
  export default HomePage;
  </code></pre>
  <p><strong>App.js</strong></p>
  <pre><code>import './App.css';
  import HomePage from './Components/Homepage/HomePage';
  import 'bootstrap/dist/css/bootstrap.min.css';
  
  function App() {
    return (
    &lt;HomePage&gt;&lt;/HomePage&gt;
    );
  }
  
  export default App;
  </code></pre>
  <p>Everything has been imported correctly. Also there's no such folder called 'Home-Page' it was renamed to 'Homepage'.</p>