react useState 실행순서에 대해서 질문드립니다.

import React,{useState} from 'react';

function Exptest (){
    const [number, setNumber] = useState('A');
    const checkNumber =() =>{
        alert("첫번째 "+number);  
        setNumber(function (prevnumber){ 
            alert(prevnumber+"/3번/"+number); 
            setNumber((prevnumber)=>{
                alert(prevnumber+"/4번/"+number); 
                return prevnumber+'B';
            });

            return prevnumber+'C';
        });
        alert("두번째"+number); 
    }; 
    
    return (
        <>
        <button onClick = {checkNumber}> {number} </button>
        </>
    );
};

export default Exptest;

/*
    이런식으로 안쓰는건 알지만 실행순서에 대해서 공부하다 이것저것 해보다가 이해가 안가서 질문드립니다.

    질문1.
        처음 버튼 클릭 시 number='A' ->  number = 'AC' 이렇게 업데이트된다.
        그리고 두번 째 실행 시 결과는 number = 'ACCB' 가 되는데 왜 처음엔 B를 추가하지 않나요?

    질문2.
        alert 메세지가 뜨는 순서를 보면 처음 버튼 클릭 시
        첫번째 A -> A/3번/A -> A/4번/A -> 두번째 A
        그리고 두번 째 버튼 클릭 부터는
        첫번째 AC -> 두번째 AC -> AC/3번/AC -> ACC/4번/AC
        
        이렇게 메세지가 뜨는데 왜 순서가 달라지나요?


*/