How to enable CSS intellisense in JSX files in VSCode

Question

I just got a new work computer, and setting up the dev environment, I cannot seem to get my Intellisense to work while in a React.jsx file

I'm using CSS-in-JS with NextJs styled JSX https://github.com/vercel/styled-jsx

I've tried googling a lot and running out of sanity...

Thanks for any help!

Answer 1

This extension did the trick styled-jsx Language Server

https://marketplace.visualstudio.com/items?itemName=Divlo.vscode-styled-jsx-languageserver

Answer 2

In order to get syntax highlighting & autocomplete, you need to install two extensions:

• Syntax highlighting - vscode-styled-jsx
• Code completion - styled-jsx Language Server