import ReactDOM from "react-dom";
import React, { memo, StrictMode, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";

/* -------------------------------------------- */

function Clicker() {
    const [clicks, setClicks] = useState(0);

    const onClick = () => {
        setTimeout(() => {
            setClicks(clicks + 1);
        }, 2000);
    };

    return (
        <>
            {clicks}
            <button onClick={onClick}>
                Increment
            </button>
        </>
    );
}

/* -------------------------------------------- */

function App() {
    return (
        <div className="App">
            <h1>Hello LeetCoder</h1>
        </div>
    );
}

const rootElement = document.getElementById("root");
ReactDOM.render(
    <StrictMode>
        <App />
    </StrictMode>,
    rootElement
);