как запустить скрипт при клике кнопки?

JS

import React from "https://cdn.skypack.dev/react";
import ReactDOM from "https://cdn.skypack.dev/react-dom";
handleClick(e)  {
    class Main extends React.Component {

        

        constructor() {
            super();
            this.state = {hour:0, minute:0, second:0}
        }


            
        
        
            
        
            componentDidMount() {
                setInterval (() => {
                    return this.setState((state) => {

                        return{
                            second: state.second==59?0:state.second+1,
                            minute: state.second==59?state.minute+1:state.minute
                            //hour: state.minute==59?state.hour+1:state.hour
                        }
                    });
                }, 1000);

                
            }
            render() {
                return (
                    <p>{this.state.minute}:{this.state.second}</p>
                );
            }

        
        
    }

    ReactDOM.render(<Main />, document.getElementById('timer'));
}

Так выдаёт ошибку ';' expected.

import React from "https://cdn.skypack.dev/react";
import ReactDOM from "https://cdn.skypack.dev/react-dom";


    




    class Main extends React.Component {

        

        constructor() {
            super();
            this.state = {hour:0, minute:0, second:0}
        }


            
        
        
        handleClick(e)  {
        
            componentDidMount() {
                setInterval (() => {
                    return this.setState((state) => {

                        return{
                            second: state.second==59?0:state.second+1,
                            minute: state.second==59?state.minute+1:state.minute
                            //hour: state.minute==59?state.hour+1:state.hour
                        }
                    });
                }, 1000);

                
            }
            render() {
                return (
                    <p>{this.state.minute}:{this.state.second}</p>
                );
            }
        }

        
        
    }

    ReactDOM.render(<Main />, document.getElementById('timer'));

так выдаёт ';' expected./ ';' expected.

HTML

  <button id="rollButton" onClick={this.handleClick}>
        <p>ROLL</p>
  </button>