Auto Import Visual Studio Code not working in jsx

Question

Any idea how to enable auto import suggestion inside jsx ?

This is weird because if I'm typing outside of the jsx, it gives me the auto import suggestion.

I'm not installing any snippets or Auto Import Extension, or Visual Studio IntelliCode.

But even though I installed them, it doesn't help this issue.

score 0 · Answer 1 · answered Jul 06 '21 at 05:15

0

This issue: Auto-imports from within jsx don't work will apparently be fixed in vscode v1.58.

TypeScript 4.3.5

We now bundle TS 4.3.5. This minor update fixes a few important bugs, including auto imports not working in JSX.

answered Jul 06 '21 at 05:15

Mark

score 0 · Answer 2 · answered Jul 23 '22 at 14:05

For me, I added the below code in settings.json and It worked.

"files.associations": {
    "*.jsx": "javascriptreact",
    "*.js": "javascriptreact"
}

If you want to have react in JS files, you can add the below code

// FOR THE HTML EMMET IN REACT BELOW
"emmet.includeLanguages": {
    "javascript": "javascriptreact"
},

2 Answers2