mutasi pada state ketika mengikuti tutorial konsume api react

saya mengikuti tutorial konsume api pada react 
ketika saya coba membuat state pada app ada warning "Do not  mutate state directly.Use setState()" , kedua ketika saya compile ada syntaxError pada bagian super(props) padahal sudah saya tarun didalam blok constructor 

class App extends Component
{
  constuctor(props)
  {
    super(props); // SyntaxError: C:\Users\LENOVO\Documents\BelajarJS\BelajarReact\belajar-api\src\App.js: `super()` is only valid inside a class constructor of a subclass. Maybe a typo in the method name ('constructor') or not extending another class? (8:4)
    this.state =  // Do not mutate state directly . Use setState()
    {
      items : []
    }
  }

  componentDidMount()
  {
    fetch("https://jsonplaceholder.typicode.com/users")
    .then(response => response.json())
    .then(data => this.setState({items:data}))
  }

  render()
  {
    const {items} = this.state
    return(
      <div>
        <ul>
          {items.map((item,index) => <li key={index}>{item.name}</li>)}
        </ul>
      </div>
    )
  }
}

Itu udah jelas errornya, ada typo. Harusnya constructor, km menuliskan constuctor. Lebih teliti lagi ya. Tetap semangat.