import {useState, useEffect} from 'react'
 
export default function App() {
	const [counter, setCounter] = useState(0)
 
	console.log('render', counter);
 
	useEffect(() => {
		console.log('effect', counter)
		return () => {
			console.log('cleanup', counter)
		}
	}, [counter])
 
	useEffect(() => {
		setCounter((prev) => prev + 1)
	}, [])
 
	return null
}