CPU load and IntelliSense stop working with Create React App

[awran5]

Issue Type: Performance Issue

,,,,,,,,,,,,,,

VS Code version: Code 1.41.0 (9579eda04fdb3a9bba2750f15193e5fafe16b959, 2019-12-11T18:37:42.077Z)
OS version: Windows_NT x64 10.0.18363

System Info

Item	Value
CPUs	Intel(R) Core(TM) i5-9400F CPU @ 2.90GHz (6 x 2904)
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: disabled_off protected_video_decode: unavailable_off rasterization: enabled skia_renderer: disabled_off surface_control: disabled_off surface_synchronization: enabled_on video_decode: enabled viz_display_compositor: enabled_on viz_hit_test_surface_layer: disabled_off webgl: enabled webgl2: enabled
Load (avg)	undefined
Memory (System)	15.94GB (12.15GB free)
Process Argv	I:\bbb
Screen Reader	no
VM	0%

Process Info

CPU %	Mem MB	   PID	Process
    0	    91	 10980	code main
    0	    67	  4532	   window (Process Explorer)
    0	    68	  5472	   shared-process
    0	    63	  7196	   window (Issue Reporter)
    0	    14	 10252	   electron-crash-reporter
    0	   212	 10848	   window (● App.js - bbb - Visual Studio Code)
    0	    11	  3412	     watcherService 
    0	    11	  2480	       console-window-host (Windows internal process)
    0	    67	  4824	     extensionHost
    0	    50	  4380	       electron_node tsserver.js 
    0	    55	  4684	       electron_node eslintServer.js 
   17	   298	  4776	       electron_node tsserver.js 
    0	    46	  6996	         electron_node typingsInstaller.js typesMap.js 
    0	     5	  9096	     "C:\Program Files\Git\bin\bash.exe"
    0	    10	  8268	       "C:\Program Files\Git\bin\..\usr\bin\bash.exe"
    0	     6	 10220	     console-window-host (Windows internal process)
    0	   121	 10880	   gpu-process

Workspace Info

|  Window (● App.js - bbb - Visual Studio Code)
|    Folder (bbb): 22 files
|      File types: js(5) json(2) png(2) css(2) gitignore(1) md(1) lock(1)
|                  ico(1) html(1) txt(1)
|      Conf files: package.json(1);

Extensions (5)

Extension	Author (truncated)	Version
vscode-eslint	dba	2.0.5
es7-react-js-snippets	dsz	2.4.4
vsc-material-theme	Equ	30.0.0
material-icon-theme	PKi	3.9.2
prettier-now	rem	1.4.9

Hello everyone, As the title explains: the VS Code IntelliSense stop working when creating a new react app using both npx or create-react-app cli

Also, just by opening the newly created react app, I keep having high CPU load to that I can hear the CPU fan.

What I've Tried

1. code --disable-extensions
2. Uninstall all extensions
3. Re-install vs code (same version 1.41.0)
4. Install via npx and create-react-app cli v3.3.0

And finally I've downgraded to v1.40.2 and all IntelliSense back to work as usual and no more CPU load.

Thank you,

Edit: Added detailed information.

---

Possible solution:

Go to Settings > Extensions > TypeScript > JavaScript › Suggest: Auto Imports Uncheck it and restart VS Code.

[StebanDev]

I am having the exact same problem, it only happens after 1.41 update and with a create-react-app project.

@awran5 could you please tell me how did you downgrade to 1.40 because I've search on the downloads page but didn´t found previous version links

[awran5]

@StebanDev Sure, go to https://code.visualstudio.com/updates/ and from the left sidebar click on the previous release (October 2019) which is v1.40.2 and don't forget to disable auto updates
From Setting search for update > update mode and set it to none.

Check here for more info
https://stackoverflow.com/questions/49346733/how-to-downgrade-vscode

[StebanDev]

Thanks @awran5, I installed it and now everything's working fine. I hope it could get fixed soon

[blikblum]

I can reproduce with the following steps (Windows 10 - vscode 1.41 system setup)

• clone and yarn install https://github.com/blikblum/lit-element-mobx-realworld-example-app
• go to https://github.com/blikblum/lit-element-mobx-realworld-example-app/blob/master/test/dummy-superagent.js
• Start a import statement and try to launch intelisense: import 'sup|' (Ctrl +Space) -> cpu usage will peak and remain high with a Loading indicator
• Alternatively add a complete import like import 'superagent' Ctrl + Click on 'superagent' -> high cpu usage for long time

I downgraded to 1.40.2 and the above commands are instantaneous without cpu usage peaks

[mjbvz]

@blikblum Extracted to #35716

@awran5 Can you please follow these instructions to collect performance information. Share the output of code --status while the cpu usage is happening

Also how long does the cpu usage spike last? Does it eventually go away?

[blikblum]

Also how long does the cpu usage spike last? Does it eventually go away?

I did a test. Triggered the steps above at 20:53h and went to dinner. Get back at 21:06 and the CPU usage is still high with the CPU FAN spinning. Killing vscode drops the cpu load

[mjbvz]

@blikblum Please follow up on the issue I extracted instead of here: #35716

[awran5]

@mjbvz I've included all the information. About CPU usage spike, it doesn't go away as long as VS code is open (tested for about 10 minutes). Actually I guess its obvious what causing this, electron_node tsserver.js is taking about 16% - 17% of CPU usage all the time. Thank you.

[pietrzakmariusz]

I have the same problem in version 1.41.1. I suspect that some library in the node_modules has conflict with program, because when I change the name of this folder, IntelliSense works great.
In version 1.40.2 it works.

[awran5]

Finally, I figured it out. This issue has nothing to do with VS Code, actually it caused by newly added React testing packages 🤔

@testing-library/user-event
@testing-library/jest-dom
@testing-library/react

Just uninstalled them. everything back to work again. 🤦‍♂️

[MatinSasan]

Uninstalling React testing packages did nothing for me and still had the same issue with Intellisense.
Downgrading to v1.40.2 worked.

Also, Intellisense in v1.41.0 worked fine in projects created by older versions of create-react-app.

[awran5]

@MatinSasan Indeed you're right. I've tested again today and the issue is back. This is really weird because I'm sure it was work fine yesterday so i did some digging again and found that there is an option in settings (not sure if its new) founded in Settings > Extensions > TypeScript > JavaScript › Suggest: Auto Imports is checked true by default just uncheck it and restart vs code and everything should back to work again. 😒

Actually the option says "Enable/disable auto import suggestions. Required using TypeScript 2.6.1 or newer in the workspace" I'm not sure why they set it to true by default?