Describe the bug
개발 환경에서 <button> cannot contain a nested <button> 에러가 콘솔창에 출력됨.
Shadcn이 Tooltip을 버튼으로 구현하면서 생기는 문제. HTML은 기본적으로 button 안에 button을 허용하지 않기 때문에, hydration 관련 에러가 발생할 수 있다는 경고를 출력하고 있다.
In HTML, <button> cannot be a descendant of <button>.
This will cause a hydration error.
실제 운영환경에서는 해당 에러가 콘솔창에 출력되지 않음. React Strict Mode로 개발 환경에서 더 엄격하게 검사하기 때문인 것으로 추측된다. 실제로 HTML을 확인해봤을 때 button이 중첩된 구조인 것을 볼 수 있음.
Describe the bug
개발 환경에서
<button> cannot contain a nested <button>에러가 콘솔창에 출력됨.Shadcn이 Tooltip을 버튼으로 구현하면서 생기는 문제. HTML은 기본적으로 button 안에 button을 허용하지 않기 때문에, hydration 관련 에러가 발생할 수 있다는 경고를 출력하고 있다.
실제 운영환경에서는 해당 에러가 콘솔창에 출력되지 않음. React Strict Mode로 개발 환경에서 더 엄격하게 검사하기 때문인 것으로 추측된다. 실제로 HTML을 확인해봤을 때 button이 중첩된 구조인 것을 볼 수 있음.
