So when I'm writing HTML in a React component in vs code, I'll use the emmet abbreviation which works properly and generates an opening and closing html tag automatically when I press enter. But when I put my cursor between the two tags and press enter to add child elements, it simply moves the closing tag to the next line and keeps my cursor before it on the same line, rather than moving the tag down two lines and putting my cursor between the two tags. This only happens in javascript files and not in html files. Also, enter functions normally on plain divs and semantic elements. The problem only arises when a class attribute is added.
I didn't install any new extensions or change any settings. This just randomly starting happening yesterday when I booted up vscode. I've tried just about everything, been at it for hours, and cannot fix this. I've also reinstalled vscode, reset my settings to default, and disabled all extensions to no avail.
Thanks.