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

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

import React, { useState, useEffect } from 'react';

// имитация запроса к серверу, возвращающего случайное число
const getRandom = () => Promise.resolve(Math.random());

const NumberAndScroll = () => {
    const [rand, setRand] = useState();
    const [offset, setOffset] = useState();

    useEffect(async () => {
        setRand(await getRandom());
    });
    window.addEventListener('scroll', () => setOffset(window.scrollY));

    return () => window.removeEventListener('scroll', () => setOffset(window.scrollY));
});

return (
    <div>
        <div> Number: {rand} </div>
        <div> Scroll: {offset} </div>
    </div>
);