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>
    )
  }
}