react-share을(를) 5.x에서 6.x로 업그레이드하기

react-share 5.3.0과 6.0.0의 공개 API를 TypeScript 타입에서 자동으로 비교한 결과입니다. 시그니처 변경은 호환성이 깨질 가능성이 있다는 뜻이며 확정은 아닙니다.

요약

삭제된 import 경로	0
삭제된 export	13
변경된 시그니처	22
삭제된 클래스·인터페이스 멤버	0
변경된 클래스·인터페이스 멤버	0
새로 지원 중단됨	0
요구 사항 변경 (engines, peer 의존성)	1
새 export	53

삭제된 export

import	export	kind	이전
`react-share`	`PocketIcon`	function	`(props: IconProps): JSX.Element`
`react-share`	`TwitterIcon`	function	`(props: IconProps): JSX.Element`
`react-share`	`OKShareCount`	variable	(props: { suppressHydrationWarning?: boolean \| undefined; className?: string \| undefined; color?: string \| undefined; id?: string \| undefined; lang?: string \| undefined; nonce?: string \| undefined; part?: string \| undefined; slot?: string \| undefined; style?: any; role?: any; tabIndex?: number \| undefined; "aria-activedescendant"?: string \| undefined; "aria-atomic"?: boolean \| "true" \| "false" \| undefined; "aria-autocomplete"?: "none" \| "inline" \| "list" \| "both" \| undefined; "aria-braillelabel"?: string \| undefined; "aria-brailleroledescription"?: string \| undefined; "aria-busy"?: boolean \| "…
`react-share`	`VKShareCount`	variable	(props: { suppressHydrationWarning?: boolean \| undefined; className?: string \| undefined; color?: string \| undefined; id?: string \| undefined; lang?: string \| undefined; nonce?: string \| undefined; part?: string \| undefined; slot?: string \| undefined; style?: any; role?: any; tabIndex?: number \| undefined; "aria-activedescendant"?: string \| undefined; "aria-atomic"?: boolean \| "true" \| "false" \| undefined; "aria-autocomplete"?: "none" \| "inline" \| "list" \| "both" \| undefined; "aria-braillelabel"?: string \| undefined; "aria-brailleroledescription"?: string \| undefined; "aria-busy"?: boolean \| "…
`react-share`	`WorkplaceIcon`	function	`(props: IconProps): JSX.Element`
`react-share`	`HatenaShareCount`	variable	(props: { suppressHydrationWarning?: boolean \| undefined; className?: string \| undefined; color?: string \| undefined; id?: string \| undefined; lang?: string \| undefined; nonce?: string \| undefined; part?: string \| undefined; slot?: string \| undefined; style?: any; role?: any; tabIndex?: number \| undefined; "aria-activedescendant"?: string \| undefined; "aria-atomic"?: boolean \| "true" \| "false" \| undefined; "aria-autocomplete"?: "none" \| "inline" \| "list" \| "both" \| undefined; "aria-braillelabel"?: string \| undefined; "aria-brailleroledescription"?: string \| undefined; "aria-busy"?: boolean \| "…
`react-share`	`RedditShareCount`	variable	(props: { suppressHydrationWarning?: boolean \| undefined; className?: string \| undefined; color?: string \| undefined; id?: string \| undefined; lang?: string \| undefined; nonce?: string \| undefined; part?: string \| undefined; slot?: string \| undefined; style?: any; role?: any; tabIndex?: number \| undefined; "aria-activedescendant"?: string \| undefined; "aria-atomic"?: boolean \| "true" \| "false" \| undefined; "aria-autocomplete"?: "none" \| "inline" \| "list" \| "both" \| undefined; "aria-braillelabel"?: string \| undefined; "aria-brailleroledescription"?: string \| undefined; "aria-busy"?: boolean \| "…
`react-share`	`TumblrShareCount`	variable	(props: { suppressHydrationWarning?: boolean \| undefined; className?: string \| undefined; color?: string \| undefined; id?: string \| undefined; lang?: string \| undefined; nonce?: string \| undefined; part?: string \| undefined; slot?: string \| undefined; style?: any; role?: any; tabIndex?: number \| undefined; "aria-activedescendant"?: string \| undefined; "aria-atomic"?: boolean \| "true" \| "false" \| undefined; "aria-autocomplete"?: "none" \| "inline" \| "list" \| "both" \| undefined; "aria-braillelabel"?: string \| undefined; "aria-brailleroledescription"?: string \| undefined; "aria-busy"?: boolean \| "…
`react-share`	`PocketShareButton`	variable	`ForwardRefExoticComponent<any>`
`react-share`	`FacebookShareCount`	variable	(props: { suppressHydrationWarning?: boolean \| undefined; className?: string \| undefined; color?: string \| undefined; id?: string \| undefined; lang?: string \| undefined; nonce?: string \| undefined; part?: string \| undefined; slot?: string \| undefined; style?: any; role?: any; tabIndex?: number \| undefined; "aria-activedescendant"?: string \| undefined; "aria-atomic"?: boolean \| "true" \| "false" \| undefined; "aria-autocomplete"?: "none" \| "inline" \| "list" \| "both" \| undefined; "aria-braillelabel"?: string \| undefined; "aria-brailleroledescription"?: string \| undefined; "aria-busy"?: boolean \| "…
`react-share`	`TwitterShareButton`	variable	`ForwardRefExoticComponent<any>`
`react-share`	`PinterestShareCount`	variable	(props: { suppressHydrationWarning?: boolean \| undefined; className?: string \| undefined; color?: string \| undefined; id?: string \| undefined; lang?: string \| undefined; nonce?: string \| undefined; part?: string \| undefined; slot?: string \| undefined; style?: any; role?: any; tabIndex?: number \| undefined; "aria-activedescendant"?: string \| undefined; "aria-atomic"?: boolean \| "true" \| "false" \| undefined; "aria-autocomplete"?: "none" \| "inline" \| "list" \| "both" \| undefined; "aria-braillelabel"?: string \| undefined; "aria-brailleroledescription"?: string \| undefined; "aria-busy"?: boolean \| "…
`react-share`	`WorkplaceShareButton`	variable	`ForwardRefExoticComponent<any>`

변경된 시그니처

export	이전	이후
`react-share · XIcon`	`(props: IconProps): JSX.Element`	`(props: RawIconProps): JSX.Element`
`react-share · OKIcon`	`(props: IconProps): JSX.Element`	`(props: RawIconProps): JSX.Element`
`react-share · VKIcon`	`(props: IconProps): JSX.Element`	`(props: RawIconProps): JSX.Element`
`react-share · GabIcon`	`(props: IconProps): JSX.Element`	`(props: RawIconProps): JSX.Element`
`react-share · LineIcon`	`(props: IconProps): JSX.Element`	`(props: RawIconProps): JSX.Element`
`react-share · EmailIcon`	`(props: IconProps): JSX.Element`	`(props: RawIconProps): JSX.Element`
`react-share · ViberIcon`	`(props: IconProps): JSX.Element`	`(props: RawIconProps): JSX.Element`
`react-share · WeiboIcon`	`(props: IconProps): JSX.Element`	`(props: RawIconProps): JSX.Element`
`react-share · HatenaIcon`	`(props: IconProps): JSX.Element`	`(props: RawIconProps): JSX.Element`
`react-share · MailruIcon`	`(props: IconProps): JSX.Element`	`(props: RawIconProps): JSX.Element`
`react-share · RedditIcon`	`(props: IconProps): JSX.Element`	`(props: RawIconProps): JSX.Element`
`react-share · TumblrIcon`	`(props: IconProps): JSX.Element`	`(props: RawIconProps): JSX.Element`
`react-share · BlueskyIcon`	`(props: IconProps): JSX.Element`	`(props: RawIconProps): JSX.Element`
`react-share · ThreadsIcon`	`(props: IconProps): JSX.Element`	`(props: RawIconProps): JSX.Element`
`react-share · FacebookIcon`	`(props: IconProps): JSX.Element`	`(props: RawIconProps): JSX.Element`
`react-share · LinkedinIcon`	`(props: IconProps): JSX.Element`	`(props: RawIconProps): JSX.Element`
`react-share · TelegramIcon`	`(props: IconProps): JSX.Element`	`(props: RawIconProps): JSX.Element`
`react-share · WhatsappIcon`	`(props: IconProps): JSX.Element`	`(props: RawIconProps): JSX.Element`
`react-share · PinterestIcon`	`(props: IconProps): JSX.Element`	`(props: RawIconProps): JSX.Element`
`react-share · InstapaperIcon`	`(props: IconProps): JSX.Element`	`(props: RawIconProps): JSX.Element`
`react-share · LivejournalIcon`	`(props: IconProps): JSX.Element`	`(props: RawIconProps): JSX.Element`
`react-share · FacebookMessengerIcon`	`(props: IconProps): JSX.Element`	`(props: RawIconProps): JSX.Element`

삭제된 클래스·인터페이스 멤버

감지되지 않았습니다.

변경된 클래스·인터페이스 멤버

감지되지 않았습니다.

새로 지원 중단됨

감지되지 않았습니다.

요구 사항 변경 (engines, peer 의존성)

	이전	이후
`peerDependencies.react`	`^17 \|\| ^18 \|\| ^19`	`^18 \|\| ^19`

새 export (53)

import	export	kind
`react-share`	`XLegacyIcon`	function
`react-share`	`shareNative`	function
`react-share`	`OKLegacyIcon`	function
`react-share`	`VKLegacyIcon`	function
`react-share`	`GabLegacyIcon`	function
`react-share`	`LineLegacyIcon`	function
`react-share`	`WindowPosition`	type
`react-share`	`buildXShareUrl`	variable
`react-share`	`canNativeShare`	function
`react-share`	`EmailLegacyIcon`	function
`react-share`	`NativeShareData`	type
`react-share`	`NativeShareIcon`	function
`react-share`	`ViberLegacyIcon`	function
`react-share`	`WeiboLegacyIcon`	function
`react-share`	`buildOKShareUrl`	variable
`react-share`	`buildVKShareUrl`	variable
`react-share`	`openShareWindow`	function
`react-share`	`HatenaLegacyIcon`	function
`react-share`	`MailruLegacyIcon`	function
`react-share`	`RedditLegacyIcon`	function
`react-share`	`TumblrLegacyIcon`	function
`react-share`	`buildGabShareUrl`	variable
`react-share`	`BlueskyLegacyIcon`	function
`react-share`	`NativeShareButton`	variable
`react-share`	`ThreadsLegacyIcon`	function
`react-share`	`buildLineShareUrl`	variable
`react-share`	`FacebookLegacyIcon`	function
`react-share`	`LinkedinLegacyIcon`	function
`react-share`	`ShareWindowOptions`	type
`react-share`	`TelegramLegacyIcon`	function
`react-share`	`WhatsappLegacyIcon`	function
`react-share`	`buildEmailShareUrl`	variable
`react-share`	`buildViberShareUrl`	variable
`react-share`	`buildWeiboShareUrl`	variable
`react-share`	`PinterestLegacyIcon`	function
`react-share`	`buildHatenaShareUrl`	variable
`react-share`	`buildMailruShareUrl`	variable
`react-share`	`buildRedditShareUrl`	variable
`react-share`	`buildTumblrShareUrl`	variable
`react-share`	`InstapaperLegacyIcon`	function
`react-share`	`buildBlueskyShareUrl`	variable
`react-share`	`buildThreadsShareUrl`	variable
`react-share`	`LivejournalLegacyIcon`	function
`react-share`	`NativeShareLegacyIcon`	function
`react-share`	`buildFacebookShareUrl`	variable
`react-share`	`buildLinkedinShareUrl`	variable
`react-share`	`buildTelegramShareUrl`	variable
`react-share`	`buildWhatsappShareUrl`	variable
`react-share`	`buildPinterestShareUrl`	variable
`react-share`	`buildInstapaperShareUrl`	variable
`react-share`	`buildLivejournalShareUrl`	variable
`react-share`	`FacebookMessengerLegacyIcon`	function
`react-share`	`buildFacebookMessengerShareUrl`	variable

이 데이터를 AI 에이전트에 제공하세요

Vigia는 무료 MCP 서버입니다. 코딩 에이전트가 코드를 작성하기 전에 버전, 호환성을 깨는 변경, 취약점을 확인합니다. 가입도 API 키도 필요 없습니다.

claude mcp add --transport http vigia https://vigia.coredls.cloud/mcp

Cursor에 추가 VS Code에 추가 ★ GitHub에서 스타 누르기

그 밖의 MCP 클라이언트

{ "mcpServers": { "vigia": { "url": "https://vigia.coredls.cloud/mcp" } } }

에이전트 스킬(SKILL.md): 에이전트에게 Vigia를 언제 쓸지 알려 줍니다 · 풀 리퀘스트용 GitHub Action

자주 묻는 질문

react-share을(를) 5에서 6(으)로 업그레이드할 때 호환성이 깨지는 변경은 무엇인가요?

react-share 5.3.0과 6.0.0 사이에서 Vigia는 삭제된 export 13개, 변경된 시그니처 22개, 삭제되거나 변경된 클래스·인터페이스 멤버 0개를 찾았습니다.

react-share 6에서 지원 중단된 것은 무엇인가요?

react-share 6.0.0에서 export 또는 멤버 0개가 새로 지원 중단으로 표시되었습니다.

에이전트용

GET https://vigia.coredls.cloud/v1/packages/npm/react-share/upgrade?from=5.3.0&to=6.0.0