کار نکردن کلاس

سلام استاد خسته نباشید

استاد این کدی که شما زدید و ما هم خب زدیم برای من کار نمیکنه

سرچم کردم ولی پیدا نشد راه حلش

import React from 'react';
import './App.css';

    class App extends React.Component() {
        constructor() {
            super();
            console.log("constructor")
            this.state = {date : new Date(),showClock:true,color:false}

        }

        componentDidMount() {
            console.log("componentDidMount")
            this.timer = setInterval(() => this.tick(),1000)


        }


        tick() {
            this.setState({data : new Date() })
        }

      render()

      {
                     console.log("render")

          return (
            <div className="App">
              <header className="App-header">
                <p>
                  hello my freinds
                </p>
                <p>
                    the time is this : {this.state.date.toLocaleTimeString()}
                </p>
              </header>
            </div>
        );
      }
    }

export default App;