VSCode user snippet doesn't works inside jsx

Question

I have a some snippet:

"JSON stringify": {
        "prefix": "jst",
        "body": [
            "<pre>{JSON.stringify($1, null, 2)}</pre>"
        ]
    },

and it works inside js scope, but when I'm trying to do same trick inside jsx render - it dont want to be working.

How to tell my VSCode, that I want to do same things inside jsx?

Answer 1

Maybe adding "scope" to your snippet:

"scope": "javascript,typescript,javascriptreact",

javascriptreact ---> jsx files

It should be like this...

"JSON stringify": {
  "scope": "javascript,typescript,javascriptreact",
  "prefix": "jst",
  "body": [
    "<pre>{JSON.stringify($1, null, 2)}</pre>"
  ]
},

Answer 2

Putting that snippet into your global snippets file should work.

Gear Icon/User Snippets/ myGlobalSnippets.code-snippets