Users are receiving errors of outdated mdx versions, this fixes those errors.

README.md

@@ -32,7 +32,6 @@ information on the current packages:
 | [gatsby-plugin-mdx-embed](https://www.npmjs.com/package/gatsby-plugin-mdx-embed)     |   [![Known Vulnerabilities](https://snyk.io/test/npm/gatsby-plugin-mdx-embed/badge.svg)](https://snyk.io/test/npm/gatsby-plugin-mdx-embed)   |
 | [storybook-addon-mdx-embed](https://www.npmjs.com/package/storybook-addon-mdx-embed) | [![Known Vulnerabilities](https://snyk.io/test/npm/storybook-addon-mdx-embed/badge.svg)](https://snyk.io/test/npm/storybook-addon-mdx-embed) |
 
-<br />
 
 ## 🕺 Core Team
 

lerna.json

@@ -7,7 +7,5 @@
     },
     "postpublish": "npm run deploy"
   },
-  "packages": [
-    "packages/*"
-  ]
+  "packages": ["packages/*"]
 }

package.json

@@ -35,8 +35,8 @@
   },
   "name": "mdx-embed",
   "devDependencies": {
-    "cypress": "^5.1.0",
-    "lerna": "^3.22.1",
-    "start-server-and-test": "^1.11.3"
+    "cypress": "^13.5.1",
+    "lerna": "^7.4.2",
+    "start-server-and-test": "^2.0.3"
   }
 }

packages/gatsby-plugin-mdx-embed/package.json

@@ -45,4 +45,4 @@
   "devDependencies": {
     "husky": "^4.2.5"
   }
-}
+}

packages/mdx-embed/package.json

@@ -1,6 +1,6 @@
 {
-  "name": "mdx-embed",
-  "version": "1.1.2",
+  "name": "mdx-embed2",
+  "version": "2.0.1",
   "description": "Embed 3rd party media content in MDX - no import required",
   "main": "dist/index.js",
   "types": "./dist/types/index.d.ts",
@@ -25,14 +25,14 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/PaulieScanlon/mdx-embed.git"
+    "url": "git+https://github.com/lacymorrow/mdx-embed.git"
   },
   "author": "Paul Scanlon",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/PaulieScanlon/mdx-embed/issues"
+    "url": "https://github.com/lacymorrow/mdx-embed/issues"
   },
-  "homepage": "https://github.com/PaulieScanlon/mdx-embed#readme",
+  "homepage": "https://github.com/lacymorrow/mdx-embed#readme",
   "keywords": [
     "mdx",
     "mdx-embed"
@@ -56,7 +56,7 @@
     "@types/jest": "^27.4.0",
     "@types/mdx-js__react": "^1.5.2",
     "@types/node": "^17.0.15",
-    "@types/react": "18.0.22",
+    "@types/react": "^18.3.3",
     "@types/react-dom": "18.0.7",
     "@types/testing-library__dom": "^7.5.0",
     "@types/testing-library__jest-dom": "^5.14.5",
@@ -77,8 +77,8 @@
     "typescript": "^3.9.7"
   },
   "peerDependencies": {
-    "@mdx-js/mdx": "^1.6.16",
-    "@mdx-js/react": "^1.6.16",
+    "@mdx-js/mdx": "^3.0.0",
+    "@mdx-js/react": "^3.0.0",
     "react": "^16.x || ^17.x || ^18.x",
     "react-dom": "^16.x || ^17.x || ^18.x"
   }

packages/mdx-embed/src/components/airtable/airtable-base.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { render, screen, act } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { AirtableBase } from './';
 

packages/mdx-embed/src/components/airtable/airtable-form.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { render, screen, act } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { AirtableForm } from './';
 

packages/mdx-embed/src/components/buzzsprout/buzzsprout.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { render, screen, act } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { Buzzsprout } from './';
 

packages/mdx-embed/src/components/cinnamon/cinnamon.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { render, screen, act } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { Cinnamon } from './';
 

packages/mdx-embed/src/components/codepen/codepen.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { render, screen, act } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { CodePen } from './';
 

packages/mdx-embed/src/components/codesandbox/codesandbox.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { render, screen, act } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { CodeSandbox } from './';
 

packages/mdx-embed/src/components/egghead/egghead-lesson.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { render, screen, act } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { EggheadLesson } from './';
 

packages/mdx-embed/src/components/figma/figma.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { render, screen, act } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { Figma } from './';
 

packages/mdx-embed/src/components/flickr/flickr.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { render, screen, act } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { Flickr } from './';
 

packages/mdx-embed/src/components/general-observer/general-observer.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { render, screen, act } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { GeneralObserver } from './';
 

packages/mdx-embed/src/components/general-observer/general-observer.tsx

@@ -1,4 +1,4 @@
-import React, { FunctionComponent, useRef, useEffect, useState, RefObject } from 'react';
+import React, { FunctionComponent, RefObject, useEffect, useRef, useState } from 'react';
 
 interface IGeneralObserverProps {
   /** React Children */

packages/mdx-embed/src/components/gist/gist.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { waitFor, render, screen, act } from '@testing-library/react';
+import { render, screen, waitFor } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { Gist } from './';
 

packages/mdx-embed/src/components/instagram/instagram.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { render, screen, act } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { Instagram } from './';
 

packages/mdx-embed/src/components/instagram/utils.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { render, act } from '@testing-library/react';
+import { render } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { Instagram } from './';
 

packages/mdx-embed/src/components/linkedin/linkedin-badge.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { render, screen, act } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { LinkedInBadge } from '.';
 

packages/mdx-embed/src/components/pinterest/pin.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { render, screen, act } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { Pin } from './';
 

packages/mdx-embed/src/components/pinterest/pinterest-board.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { render, screen, act } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { PinterestBoard } from './';
 

packages/mdx-embed/src/components/pinterest/pinterest-follow-button.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { render, screen, act } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { PinterestFollowButton } from './';
 

packages/mdx-embed/src/components/pinterest/utils.test.tsx

@@ -1,8 +1,8 @@
-import React from 'react';
-import { render, act } from '@testing-library/react';
+import { render } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { Pin } from '.';
-import { pinterestClassNames, handlePinterestBuild } from './utils';
+import { handlePinterestBuild, pinterestClassNames } from './utils';
 
 describe('utils', () => {
   beforeEach(() => {

packages/mdx-embed/src/components/replit/replit.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { render, screen, act } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { Replit } from './';
 

packages/mdx-embed/src/components/snack/snack.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { render, screen, act } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { Snack } from './';
 

packages/mdx-embed/src/components/soundcloud/soundcloud.test.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
-import { render, screen, act } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
+import { render, screen } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { SoundCloud } from './';
 

packages/mdx-embed/src/components/spotify/spotify.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { render, screen, act } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { Spotify } from './';
 

packages/mdx-embed/src/components/strava/strava.test.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
-import { render, screen, act } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
+import { render, screen } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { Strava } from './';
 

packages/mdx-embed/src/components/tiktok/tiktok.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { render, screen, act } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { TikTok } from './';
 

packages/mdx-embed/src/components/twitch/twitch.test.tsx

@@ -1,6 +1,5 @@
-import React from 'react';
-import { render, screen, act } from '@testing-library/react';
-
+import { render, screen } from '@testing-library/react';
+import React, { act } from 'react';
 import { Twitch } from './';
 
 const PARENT_PROP = 'http://localhost:6006/';

packages/mdx-embed/src/components/twitter/tweet.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { render, screen, act } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { Tweet } from './';
 

packages/mdx-embed/src/components/twitter/twitter-follow-button.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { render, screen, act } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { TwitterFollowButton } from './';
 

packages/mdx-embed/src/components/twitter/twitter-hashtag-button.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { render, screen, act } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { TwitterHashtagButton } from './';
 

packages/mdx-embed/src/components/twitter/twitter-list.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { render, screen, act } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { TwitterList } from './';
 

packages/mdx-embed/src/components/twitter/twitter-mention-button.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { render, screen, act } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { TwitterMentionButton } from './';
 

packages/mdx-embed/src/components/twitter/twitter-timeline.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { render, screen, act } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { TwitterTimeline } from './';
 

packages/mdx-embed/src/components/twitter/utils.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { render, act } from '@testing-library/react';
+import { render } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { Tweet } from './';
 

packages/mdx-embed/src/components/vimeo/vimeo.test.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
-import { render, screen, act } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
+import { render, screen } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { Vimeo } from './';
 

packages/mdx-embed/src/components/whimsical/whimsical.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { render, screen, act } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import React, { act } from 'react';
 
 import { Whimsical } from './';
 

packages/mdx-embed/src/components/wikipedia/wikipedia.test.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
-import { render, waitFor, screen, act } from '@testing-library/react';
+import { render, screen, waitFor } from '@testing-library/react';
 import fetchMock from 'jest-fetch-mock';
+import React, { act } from 'react';
 
 import { Wikipedia } from './';
 

packages/mdx-embed/src/components/wikipedia/wikipedia.tsx

@@ -30,10 +30,14 @@ export const Wikipedia: FunctionComponent<IWikipediaProps> = ({ wikipediaLink, h
       .then((response) => response.text())
       .then((response) => {
         if (response) {
+          const body = response
+            .replace(/<a rel="mw:WikiLink"/g, '<a target="_blank" rel="mw:WikiLink"')
+            .replace(/<a href="\/wiki\/"/g, '<a href="https://en.wikipedia.org/wiki/')
+            .replace(/\/w\/load.php/g, 'https://en.wikipedia.org/w/');
           setWikiResponse({
             isLoading: false,
             hasError: false,
-            body: response.replace(/<a rel="mw:WikiLink"/g, '<a target="_blank" rel="mw:WikiLink"'),
+            body,
           });
         }