VSCode Extension for automatic code organization

React
1

I am learning React course.

I write code on my Macbook as Mosh does in the tutorial.
However, I faced an issue that VSCode extension is not working as it supposed to…

import React, { Component } from 'react';

class Counter extends Component {
    render() { 
        return <div><h1>Hello World</h1><button>Increment</button></div>;
    }
}
 
export default Counter;

In the video tutorial, when Mosh saved this file, the code is auto-indented. But not in my VScode.
Does anyone know how to solve this issue?

It’s not a big deal for learning, but it’s a bit frustrating. ^^

2

Have you installed the Prettier extension?