Extension causes VSCode to hang

[thepuzzlemaster]

Issue Type: Bug

I don't have a very simple repro, but using the new vscode extension bisect, I was able to narrow this down to this extension. This is something that has happened to me sporadically over the past year or so maybe? When working in .tsx files, sometimes, my vscode will be unable to correctly parse my file, and even if my file is valid, it will place red squigglies in various places. When it gets in this state, the only options are to reload window or quit/restart.

I found a consistent repro today while working in this file.

If I copy the <Container className='bordered'> and then delete it and its correspending closing </Container> tag. And then organize imports and save the file.

If I then paste the <Container className='bordered'> tag back into place. Then delete the 'r' to get the auto-import to add Container back to the react-bootstrap imports. And then manually add the '</Container>` closing tag back, it gets into the weird hanging state.

I know it's kind of a weird repro, but it's the simplest one I could get reliably to repro.

import * as React from 'react'
import { Col, Form, Row, Container } from 'react-bootstrap'

export const CalendarAccurate: React.FC = () => {

  return (
    <Row>
      <Col md={8}>
      <Container className='bordered'>
        <Row>
          <Col>
            <h2>Successful hosting starts with an accurate calendar</h2>
            <p>
              Guests will book available days instantly. Only get booked when you can host by
              keeping your calendar and availability settings up-to-date.
            </p>
            <p>
              Canceling disrupts guests' plans. If you cancel becaues your calendar is innacurate,
              you'll be charged a penalty fee and the dates won't be available for anyone else to
              book.
            </p>
          </Col>
        </Row>
        <Row className='addSpaceAbove'>
          <Col>
            <Form.Group controlId='confirmCheckbox'>
            </Form.Group>
          </Col>
        </Row>
        </Container>
      </Col>
      <Col md={4} className='d-none d-md-block'>
        <p>
          Guests will only be able to book instantly if they meet all these requirements and agree
          to all of your House Rules.
        </p>
      </Col>
    </Row>
  )
}

Extension version: 0.5.9 VS Code version: Code 1.52.0 (940b5f4bb5fa47866a54529ed759d95d09ee80be, 2020-12-10T22:46:53.673Z) OS version: Darwin x64 20.1.0

System Info

Item	Value
CPUs	Intel(R) Core(TM) i7-4870HQ CPU @ 2.50GHz (8 x 2500)
GPU Status	2d_canvas: enabled flash_3d: enabled flash_stage3d: enabled flash_stage3d_baseline: enabled gpu_compositing: enabled metal: disabled_off multiple_raster_threads: enabled_on oop_rasterization: enabled opengl: enabled_on protected_video_decode: unavailable_off rasterization: enabled skia_renderer: disabled_off_ok video_decode: enabled webgl: enabled webgl2: enabled
Load (avg)	5, 7, 6
Memory (System)	16.00GB (0.38GB free)
Process Argv	--crash-reporter-id 92a35523-c6a2-4be5-b83f-4447c8b6afd3
Screen Reader	no
VM	0%

A/B Experiments

vsliv368:30146709
vsreu685:30147344
openlogontheside:30221877
python763:30178808
python383cf:30185419
vspor879:30202332
vspor708:30202333
vspor363:30204092
python504:30227505
vswsl492:30211401
wsl2prompt:30224612
pythonvsdeb440cf:30233464
unusedprompt:30224610
folderexplorercf:30224615
openfilemenucf:30224648

[LKNSI]

Literally have no idea why the developer won't fix this. It was amazing he made this, but it's been a bug for about a solid year now and I have no idea how he hasn't realized. That may come off as brash; but I've had to just not use his plugin or I have to wait 30 seconds for VSCode to reconnect.

[mkandan]

@thepuzzlemaster @LKNSI have either of you found an alternative extension?

[thepuzzlemaster]

I realized that my initial post didn't escape a bunch of html tags, so they were actually not showing up in my comment. I updated that post to actually show all the content now.

@mkandan, I don't use this extension anymore. I'm pretty sure that this behavior is now native to vscode. At least for all the languages that I use (primarily .tsx and .html). At least I don't see any installed extensions which would add this functionality, and my tags auto-close by themselves.