javascript - VS Code not suggesting JSX attributes

Question

While developing a ReactJs project, VS Code used to suggest attributes for JSX elements. For instance,

<input type="text"></input>

In this scenario if I wanted to add an placeholder I had to just type in the first few letters and the auto-complete popped up suggesting the events.

However it has stopped working all of a sudden and results in this while I try Ctrl+Space in a JS file.

What I have tried so far:

1. Uninstalled VS Code and removed the user-specific settings from AppData and removed the .vscode folder from User and then reinstalled.

2. Added

"emmet.includeLanguages": {
    "javascript": "javascriptreact"
    }

in the settings.json based on this

Answer 1

change the file extension instead of .js || .ts add an x .jsx || .tsx

helps alot if you add a jsconfig.json and install @types/react https://code.visualstudio.com/docs/languages/jsconfig