I am learning REACT and would like to know how to setup line by line debugger for my code for debugging. I have been doing backend development using ASP.net and recently started learning REACT with a project started by another developer. Unfortunately, I am having issues setting up line by line debugging capability in VS code for REACT. I followed the tutorial here but it does not stop at breakpoints I setup.
Following is the code where I set up breakpoints (This is part of apps.ts) - Breakpoints are the circles to the left.

This is my Launch.json file :
Could you please please help me to get this set up right? I need line by line debugging to fully understand the flow of REACT since this is new to me.
What else is missing here to enable line by line debugging?
Thanks, PG
