아래 코드에서 {countUp}함수와 {countDown}함수에 {useCallback}을 사용하지 않았어도, 두 함수를 prop으로 받고 있는 {AppTwo}컴포넌트에서 {React.memo}의 얕은 비교 시점에서 보면, 두 함수가 새로 생성되었어도, 이전의 값과 같으므로 리렌더링을 방지할 수 있는 것 아닌가요? 왜 리렌더링이 되는거죠 ㅠ

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

function App(){

  const [count,setCount]=useState(0);

  function countUp(){
    setCount(count=>count+1);
  }
  function countDown(){
    setCount(count=>count-1);
  }

  return(
    <div>
      <p>count:{count}</p>
      <AppTwo countUp={countUp} countDown={countDown}/>
    </div>
  )  
}

const AppTwo=React.memo(({countUp, countDown})=>{
  useEffect(()=>{console.log('re-rendering.')})
  return(
    <div>
      <button onClick={countUp}>count UP</button>
      <button onClick={countDown}>count DOWN</button>
    </div>
  )
})

export default App;