react-share を 5.x から 6.x へアップグレード

react-share 5.3.0 と 6.0.0 の公開 API を、TypeScript の型から自動的に比較したものです。シグネチャの変更は破壊的変更の候補であり、確定ではありません。

概要

削除されたインポートパス	0
削除されたエクスポート	13
変更されたシグネチャ	22
削除されたクラス／インターフェースのメンバー	0
変更されたクラス／インターフェースのメンバー	0
新たに非推奨	0
要件の変更（engines、peer 依存関係）	1
新しいエクスポート	53

削除されたエクスポート

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`

新しいエクスポート (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 は削除されたエクスポートを 13 件、変更されたシグネチャを 22 件、削除または変更されたクラス／インターフェースのメンバーを 0 件検出しました。

react-share 6 で非推奨になったものは？

react-share 6.0.0 では 0 件のエクスポートまたはメンバーが新たに非推奨になりました。

エージェント向け

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