div는 focus가 적용되지 않는다.

focus가 적용되는 태그:

• 버튼 요소(button)
• 입력 요소(input)
• 선택 상자 요소(select)
• 링크 요소(a)
• 텍스트 영역 요소(textarea)
• 파일 업로드 요소(input type="file")
• 요소에 tabindex 속성이 설정된 경우 (tabIndex 속성을 이용하여 다른 요소들에도 포커스를 받을 수 있게 할 수 있습니다)

만약 div를 포커스 가능하게 하고 싶다면 tabIndex 속성을 사용하여 포커스를 받을 수 있도록 설정해야 한다.

<div
  className="focus:bg-red-600 focus:p-1"
  tabIndex={0}
>