Erro React

App.js

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

function App() {
  const [user, setUser] = useState(false)
  const [count, setCount] = useState(0)

  const valid = useCallback(() => {
    console.log(count)
    if(count === 12) {
      alert("12")
    }
  }, [count])

  const counter = useCallback(() => {
    setCount(c => c + 1)
    valid()
  }, [valid])
 
  const init = useCallback(() => {
    console.log("Init: ", user)

    setInterval(counter, 1000)
  }, [user, counter])

  useEffect(() => {
    if(user === true) {
      init()
    }
  }, [user, init])
  
 
  return (
    <div>
      <button onClick={() => setUser(true)}>Entrar</button>
      <button onClick={() => setCount(10)}>Count = 10</button>
      {count}
    </div>
  );
}

export default App;