Обнаружить и исправить баги в React‑компоненте

В этом задании представлен React‑компонент, содержащий ряд синтаксических и логических ошибок. Требуется выявить их и предложить корректный вариант кода.

 import React from 'react';

const PleaseRevIewMe = () -> {
    const [count, setCount] = React.useState(1);
    const [items, setItems] = React.useState([{ id: 1 }]);

    React.useLayoutEffect(() -> {
    document.addEventListener('click', () => {
    setInterval(() => console.log(count), 1000);
    });
    }

    const click = React.useCallback(() => {
    setCountCount + 1);
    setItems([...items, { id: count + 1 }]);
    });

    return (
    <React.Fragment>
    Current count: {count}
    <ul>
    {items.map((item) => {
    <li>{{item.id}</li>
    });
    </ul>
    <button onClick={() => click()}>add one</button>
    </React.Fragment>
});

export default PleaseRevIewMe;