Nâng cấp react-share từ 5.x lên 6.x

So sánh API công khai của react-share 5.3.0 và 6.0.0, được tính tự động từ kiểu TypeScript. Chữ ký thay đổi là thay đổi có thể không tương thích, không phải điều chắc chắn.

Tóm tắt

Đường dẫn import bị xóa	0
Export bị xóa	13
Chữ ký thay đổi	22
Thành viên lớp hoặc interface bị xóa	0
Thành viên lớp hoặc interface thay đổi	0
Mới bị ngừng hỗ trợ	0
Thay đổi yêu cầu (engines, phụ thuộc peer)	1
Export mới	53

Export bị xóa

import	export	kind	Trước
`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>`

Chữ ký thay đổi

export	Trước	Sau
`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`

Thành viên lớp hoặc interface bị xóa

Không phát hiện.

Thành viên lớp hoặc interface thay đổi

Không phát hiện.

Mới bị ngừng hỗ trợ

Không phát hiện.

Thay đổi yêu cầu (engines, phụ thuộc peer)

	Trước	Sau
`peerDependencies.react`	`^17 \|\| ^18 \|\| ^19`	`^18 \|\| ^19`

Export mới (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

Cung cấp dữ liệu này cho tác tử AI của bạn

Vigia là máy chủ MCP miễn phí: tác tử lập trình của bạn kiểm tra phiên bản, thay đổi phá vỡ tương thích và lỗ hổng trước khi viết mã. Không cần đăng ký, không cần khóa API.

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

Thêm vào Cursor Thêm vào VS Code ★ Gắn sao trên GitHub

Mọi ứng dụng MCP khác

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

Kỹ năng cho tác tử (SKILL.md): cho tác tử biết khi nào dùng Vigia · GitHub Action cho pull request

Câu hỏi thường gặp

Nâng cấp react-share từ 5 lên 6 có những thay đổi không tương thích nào?

Giữa react-share 5.3.0 và 6.0.0, Vigia tìm thấy 13 export bị xóa, 22 chữ ký thay đổi và 0 thành viên lớp hoặc interface bị xóa hay thay đổi.

Những gì bị ngừng hỗ trợ trong react-share 6?

0 export hoặc thành viên mới bị đánh dấu ngừng hỗ trợ trong react-share 6.0.0.

Dành cho tác tử

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