title: How/where to set breakpoints in NextJS app?
body: <p>I'm using nextjs, but can't figure out how or where to set breakpoints in the browser.</p>
  
  <p>Using Chrome dev tools, when I expand the sv.moxne.net (my dev domain) I see what looks like compiled assets, not source assets.</p>
  
  <p><a href="https://i.stack.imgur.com/kJLAy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kJLAy.png" alt="Chrome dev tools"></a></p>
  
  <p>When I look under <code>webpack://</code> I can see a folder structure that resembles my source tree, however expanding it reveals 2 of every file. Each have different hashes in the name.</p>
  
  <p>This is quite foreign to me. I've never run into this with SSR-enabled react apps in the past.</p>
  
  <p>How do I know where to set breakpoints?</p>