import logo from './logo.svg';
import { Routes, Route, Link } from "react-router-dom";
import {react,useState,useEffect,useLayoutEffect,useContext,useReducer,useCallback} from "react"
import './App.css';
import React from "react"



function Counter() {
const [count,setCount] = useState(0);
const memoizedCallback = useCallback(
() => {
console.log("current count is :" + count);
},[count],
);
return (
<>
Count: {count}
<button onClick={() => setCount(count-1)}>-</button>
<button onClick={() => setCount(count+1)}>+</button>

<button onClick={memoizedCallback}>test callback</button>
</>
);
}



export default Counter;