I have a problem with react and Visual Studio Code when save

Question

When I save in Visual Studio code using React, it breaks everything.

import './index.css';
import App from './App';
import FileInput from './FileComponents/FileInput';
import Highlights from './FileComponents/Highlights';
import AllFiles from './FileComponents/AllFiles';
import Header from './FileComponents/Header';
import FileUploadMenu from './FileComponents/FileUploadMenu';
import * as serviceWorker from './serviceWorker';

ReactDOM.render( < App / > , document.getElementById('root'));

// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: [redacted]
serviceWorker.unregister();

Answer 1

VS Code determines file's language by its extension. In your case, it is javascript, but should be javascriptreact.

Either:
- change all file extensions from .js to .jsx,
- or configure file association settings in your user/workspace settings: