d3.js 사용 시 레이블 텍스트 표시

리액트에서 d3.js 도넛 차트를 구현하고자 합니다. 하단 "g.append('text')" 이하 부분에서 레이블과 퍼센티지(%)를 차트 중심부에 표시되도록 설정했는데, arc 면적이 작을 경우, 레이블과 퍼센티지 전부 표시되지 않습니다. 어떻게 수정해야 할까요? (현재 해결되었습니다. 수정 후 정상적으로 표시되는 이미지도 같이 보여드립니다.)