How to fix the error with the timer?

Question

JavaScript

I made a timer to call a request every 10 seconds, the timer works, but an error occurs TypeError: setInterval(...) is not a function, how to fix it so that the timer works the same way?

useEffect(()=> {
        (
            setInterval(async()=>{
                const response = await fetch('http://127.0.0.1:8000/api/timecalculate', {
                method: 'PUT',
                headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'},
                credentials: 'include',
            });
            var now = new Date();
            const content = await response.json();
            console.log(content + now);
            },10000)
        )()
        }
    )

Answer 1

useEffect(() => {
    let intervalId = setInterval(async () => {
        const response = await fetch('http://127.0.0.1:8000/api/timecalculate', {
            method: 'PUT',
            headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' },
            credentials: 'include',
        });
        const content = await response.json();
        const now = new Date();

        console.log(content + now);
    }, 10000)

    return () => {
        clearInterval(intervalId);
    };
}, []);

UPD : https://codesandbox.io/s/qna-q969499-m7b1n