[DS-113] Button, ToggleButton forwardRef 적용

[LTakhyunKim]

DS-113

기존 Button, ToggleButton 에 forwardRef 가 적용되지 않아 Ref 를 받지 않는 이슈를 해결합니다.

[LTakhyunKim]

요거 제가 놓친 부분이 있어 다시 수정하겠습니당
type 지정을 잘못했네용

[LTakhyunKim]

히스토리 관리 및 내용 공유를 위해 코멘트 남깁니다.
forwardRef 와 component props 활용을 위한 OverridableComponent 를 함께 사용 시 타입 에러 발생합니다.
하기 첨부된 이슈는 PR 을 통해 해결된 것으로 확인됩니다.
다만 해결된 환경이 react 17 버전으로 확인됩니다.

forwardRef 에 의해 return 되는 component 타입이 Element | null 였고,
이에 따라 OverridableComponent 에서의 return 타입도 Element 에서 null 타입을 추가하여 해결했습니다.
(forwardRef 는 타입을 따라가다보면 ExoticComponent 이 나오는데 이걸 찾아보시는게 빠를 수 있습니다.)

• React 17 forwardRef type
• Mui OverridableComponent type

동일한 방식을 Design System 에 적용했을 땐 에러가 발생하여 확인해보니,
React 18 forwardRef 에 의해 return 되는 component 타입이 ReactNode 로 변경되었고
OverridableComponent 의 타입은 17 때와 동일하여, 이에 따른 타입 에러가 발생한 것으로 보입니다.

• React 18 forwardRef type

• 관련 이슈

• 위 관련 이슈 해결 PR

[github-actions]

Design System Storybook: https://ds-113-button-ref--62d7d1f2efc8a1e364b5e5e8.chromatic.com

@storybook/cli - Storybook