useTransition를 써도 useDeferredValue를 써도 변화가 없습니다

[test]

새로고침 후 처음 입력시에는 입력창이 비교적 지연 없이 동작하는 것처럼 보이다가, 
그 이후에 수정하면 오랜 시간 아무런 반응도 없다가 입력창의 입력과 div 10000개가 동시에 나타납니다.

※ 수정 : 구체적으로, 입력창에 새로 입력할 경우
1. 1~3초간 아무 반응도 없음
2. 새로 입력한 게 반영된 입력창과 로딩중 글씨가 동시에 나타남(매우 짧은 시간동안)
3. 아래 div 10000개가 나타남(새로운 입력이 반영된 입력창은 유지, 로딩중은 사라짐)
이런 식으로 여전히 입력창을 수정했을 때 바로 반영되지 않습니다.
useTransition를 써도 useDeferredValue를 써도 마찬가지입니다.
리액트 버전은 아래 첨부했듯이 18 이상입니다.


아래는 제 코드이고 강의 코드를 그대로 복붙했습니다(※ 수정 : 이후 로딩중 텍스트만 추가했습니다)

[codingapple]

이상한 브라우저 부가기능 끄고 크롬브라우저로 테스트해봅시다

[test]

말씀해주신 대로 크롬으로 하니 제대로 작동합니다!

그런데 엣지에서 제대로 작동하지 않는 건 엣지 브라우저 자체의 문제인가요?

아니면 말씀하신 대로 부가 기능들이 여럿 설치되어 있는 것이 문제인 건가요?

답변해주셔서 감사합니다!

[codingapple]

엔진은 똑같아서 부가기능때문인듯요

[글쓴이]

글