title: getting error "Error: ENOTDIR: not a directory, access " in my next js page
body: <p>When I make new page called as <em><strong><code>AboutPage.js</code></strong></em> inside <em><strong><code>pages</code></strong></em> folder then I get some error in terminal and on my UI on my <em><strong><code>NEXT JS app</code></strong></em> when I try to access that page.</p>
  <p>The ERROR is:</p>
  <pre><code>error - Error: ENOTDIR: not a directory, access '/mnt/BEAA30A3AA305A5B/KevalActivity/Skills/Programming/Builds/JavaScript/Next JS/instagram-clone/pages/AboutPage.js/index.tsx'
  </code></pre>
  <p>and I am attaching the error image.</p>
  <p><a href="https://i.stack.imgur.com/fPv2J.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fPv2J.png" alt="Error preview in my browser" /></a></p>