ajax 통신 응용 숙제 관련

안녕하세요

function App() {

  let [click, setClick] = useState(2);

  function addData() {
    setClick(click+1);

    if (click > 3) {
      window.alert('상품이 더 이상 존재하지 않습니다.');
      return;
    }

    let url = 'https://codingapple1.github.io/shop/data'+click+'.json';

axios.get(url)
    .then((result)=>{
      console.log(click);
    })
    .catch(()=>{
      console.log('실패')
      console.log(click);
    })

return (       

<div>
<button onClick={()=>addData()}>더보기</button>
 </div>

}

관련 코드 짠게 이건데요

처음 클릭하면 num이 3으로 세팅되지 않고 2로 찍히고 두번째 누르면 그제야 +1 돼서 3이 됩니다.

타이밍 문제인가 싶어서 then 뒤에도 콘솔 찍어봤는데 처음엔 2고 두번째에 3입니다.

뭐를 잘못한걸까요?