diff --git a/package.json b/package.json index 12a26a79..aba5d1a3 100644 --- a/package.json +++ b/package.json @@ -30,7 +30,7 @@ "lodash-es": "4.18.1", "react": "19.3.1", "react-dom": "19.3.1", - "react-share": "5.3.0", + "react-share": "6.1.0", "slug": "12.0.1" }, "devDependencies": { diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 82bec2f3..7f469efe 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -194,8 +194,8 @@ importers: specifier: 19.3.1 version: 19.3.1(react@19.3.1) react-share: - specifier: 5.3.0 - version: 5.3.0(react@19.3.1) + specifier: 6.1.0 + version: 6.1.0(react@19.3.1) slug: specifier: 12.0.1 version: 12.0.1 @@ -1660,14 +1660,6 @@ packages: date-fns@4.4.0: resolution: {integrity: sha512-+1UMbeh68lH1SegH83CGWwpb6OHHbpSgr3+s5Eww5M4CAgswBpoWS0AjTOfEJ33HiYKz1hdj/KTFprzXHmq/6w==} - debug@2.6.9: - resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==} - peerDependencies: - supports-color: '*' - peerDependenciesMeta: - supports-color: - optional: true - defu@6.1.7: resolution: {integrity: sha512-7z22QmUWiQ/2d0KkdYmANbRUVABpZ9SNYyH5vx6PZ+nE5bcC0l7uFvEfHlyld/HcGBFTL536ClDt3DEcSlEJAQ==} @@ -1858,9 +1850,6 @@ packages: jsonfile@6.2.1: resolution: {integrity: sha512-zwOTdL3rFQ/lRdBnntKVOX6k5cKJwEc1HdilT71BWEu7J41gXIB2MRp+vxduPSwZJPWBxEzv4yH1wYLJGUHX4Q==} - jsonp@0.2.1: - resolution: {integrity: sha512-pfog5gdDxPdV4eP7Kg87M8/bHgshlZ5pybl+yKxAnCZ5O7lCIn7Ixydj03wOlnDQesky2BPyA91SQ+5Y/mNwzw==} - kleur@4.1.5: resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==} engines: {node: '>=6'} @@ -1980,9 +1969,6 @@ packages: resolution: {integrity: sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==} engines: {node: '>=10'} - ms@2.0.0: - resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==} - muggle-string@0.4.1: resolution: {integrity: sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==} @@ -2119,10 +2105,10 @@ packages: peerDependencies: react: ^19.3.1 - react-share@5.3.0: - resolution: {integrity: sha512-NU4TqizVi2TuyLpN93/ng2ux+uIGHK5b2dT15cHvZDwfi5b5NuzGych4htCGObN8lubygeamhRxUot4lZ0Pv6Q==} + react-share@6.1.0: + resolution: {integrity: sha512-5+do0CzuHxMTplqBLPFsnN8SQT+2Jf2AdLK0OJDXdd+/dSjzn0/a5CYVpxK3PI1HInspkLtreVGYlp2W8X9SjA==} peerDependencies: - react: ^17 || ^18 || ^19 + react: ^18 || ^19 react@19.3.1: resolution: {integrity: sha512-QNhWdt7nrgVWWQG58QuGsAR3jv3Hbe4mb4vz7w2csnHavciZJgda1CPNaldF6eVxv90ud3jUXpKlHL69gO38yw==} @@ -3836,10 +3822,6 @@ snapshots: date-fns@4.4.0: {} - debug@2.6.9: - dependencies: - ms: 2.0.0 - defu@6.1.7: {} dequal@2.0.3: {} @@ -4010,12 +3992,6 @@ snapshots: optionalDependencies: graceful-fs: 4.2.11 - jsonp@0.2.1: - dependencies: - debug: 2.6.9 - transitivePeerDependencies: - - supports-color - kleur@4.1.5: {} lightningcss-android-arm64@1.33.0: @@ -4116,8 +4092,6 @@ snapshots: mrmime@2.0.1: {} - ms@2.0.0: {} - muggle-string@0.4.1: {} nanoid@3.3.20: {} @@ -4246,13 +4220,10 @@ snapshots: react: 19.3.1 scheduler: 0.28.0 - react-share@5.3.0(react@19.3.1): + react-share@6.1.0(react@19.3.1): dependencies: classnames: 2.5.1 - jsonp: 0.2.1 react: 19.3.1 - transitivePeerDependencies: - - supports-color react@19.3.1: {} diff --git a/src/components/ShareButtons.tsx b/src/components/ShareButtons.tsx index 172a098c..949f2595 100644 --- a/src/components/ShareButtons.tsx +++ b/src/components/ShareButtons.tsx @@ -1,4 +1,4 @@ -import { TwitterShareButton, TwitterIcon, RedditShareButton, RedditIcon } from 'react-share'; +import { XShareButton, XLegacyIcon, RedditShareButton, RedditLegacyIcon } from 'react-share'; interface ShareButtonsProps { shareUrl: string; @@ -8,11 +8,11 @@ interface ShareButtonsProps { export default function ShareButtons({ shareUrl, shareText }: ShareButtonsProps) { return (
- - - - - + + + + +
);