[4.1장 레프 훅] useRef관련 질문이있습니다.

안녕하세요 선생님 본 강의 예시에서

import MyReact from "./lib/MyReact";
import React from "react";
export default () => {
  const ref1 = MyReact.useRef(1);
  const ref2 = MyReact.useRef();
  const [state, setState] = React.useState(0);
  console.log(state)
  if (state > 2) {
    console.log("hihi");
    ref1.current = ref1.current + 1;
  }

  return (
    <>
      <button onClick={() => setState(state + 1)}>
        state increase (state: {state})
      </button>
      <div>{ref1.current}</div>
      <input ref={ref2}></input>
      <button onClick={() => console.log("input value", ref2.current.value)}>
        ref2 select
      </button>
    </>
  );
};

state >2 이면 값이 증가하는것을 확인했는데 이후에도 계속 state가 2 초과 이니까 계속 ref1.current가 증가할 줄 알았는데 아니더라구요 왜그런건가요?