feat(docs): Use webpack resolve alias instead of patching MDX loader

Avoid patching the MDX loader using resolve alias as in
https://github.com/arcanis/mael.dev-docs/blob/f618643d59d76f19127e275ecfaf8a781be0c941/docusaurus.config.js#L86-L87

.yarnrc.yml

@@ -38,9 +38,6 @@ packageExtensions:
       react-is: "*"
       scheduler: "*"
 
-  "@docusaurus/mdx-loader@^3":
-    dependencies:
-      "@mdx-js/react": "^3"
   "@docusaurus/[email protected]":
     peerDependencies:
       "@docusaurus/plugin-content-docs": "3.1.1"

package.json

@@ -14,7 +14,6 @@
     "@types/jest": "^28.1.6",
     "@types/micromatch": "^4.0.1",
     "@types/node": "^18.17.15",
-    "@types/react": "^18.2.54",
     "@types/semver": "^7.1.0",
     "@yarnpkg/cli": "workspace:^",
     "@yarnpkg/core": "workspace:^",
@@ -32,8 +31,7 @@
   },
   "resolutions": {
     "ink": "patch:ink@npm%3A3.0.8#~/.yarn/patches/ink-npm-3.0.8-3a8005f59f.patch",
-    "yoga-layout-prebuilt": "patch:[email protected]#./.yarn/patches/yoga-layout-prebuilt.patch",
-    "@docusaurus/mdx-loader": "patch:@docusaurus/mdx-loader@npm%3A3.1.1#~/.yarn/patches/%40docusaurus-mdx-loader-npm-3.1.1-f9575cfad3.patch"
+    "yoga-layout-prebuilt": "patch:[email protected]#./.yarn/patches/yoga-layout-prebuilt.patch"
   },
   "dependenciesMeta": {
     "core-js": {
@@ -79,11 +77,9 @@
   },
   "dependencies": {
     "@iarna/toml": "^2.2.5",
-    "@mdx-js/react": "^3.0.0",
     "@yarnpkg/types": "workspace:^",
     "chalk": "^3.0.0",
     "micromatch": "^4.0.2",
-    "react": "^18.2.0",
     "semver": "^7.1.2"
   }
 }

packages/docusaurus/plugin.ts

@@ -1,5 +1,6 @@
 import type {PluginModule} from '@docusaurus/types';
 import {createRequire}     from 'node:module';
+import path                from 'node:path';
 
 const webpack = createRequire(require.resolve(`@docusaurus/core/package.json`))(`webpack`);
 
@@ -22,6 +23,10 @@ const plugin: PluginModule = async function() {
             os: require.resolve(`os-browserify`),
             path: require.resolve(`path-browserify`),
           },
+          alias: {
+            '@mdx-js/react': require.resolve(`@mdx-js/react`),
+            react: path.resolve(require.resolve(`react/package.json`), `..`),
+          },
         },
         plugins: [
           new webpack.DefinePlugin({

yarn.lock

@@ -3533,7 +3533,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@docusaurus/mdx-loader@npm:3.1.1":
+"@docusaurus/mdx-loader@npm:3.1.1, @docusaurus/mdx-loader@npm:^3":
   version: 3.1.1
   resolution: "@docusaurus/mdx-loader@npm:3.1.1"
   dependencies:
@@ -3570,43 +3570,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@docusaurus/mdx-loader@patch:@docusaurus/mdx-loader@npm%3A3.1.1#~/.yarn/patches/%40docusaurus-mdx-loader-npm-3.1.1-f9575cfad3.patch":
-  version: 3.1.1
-  resolution: "@docusaurus/mdx-loader@patch:@docusaurus/mdx-loader@npm%3A3.1.1#~/.yarn/patches/@docusaurus-mdx-loader-npm-3.1.1-f9575cfad3.patch::version=3.1.1&hash=1e716c"
-  dependencies:
-    "@babel/parser": "npm:^7.22.7"
-    "@babel/traverse": "npm:^7.22.8"
-    "@docusaurus/logger": "npm:3.1.1"
-    "@docusaurus/utils": "npm:3.1.1"
-    "@docusaurus/utils-validation": "npm:3.1.1"
-    "@mdx-js/mdx": "npm:^3.0.0"
-    "@slorber/remark-comment": "npm:^1.0.0"
-    escape-html: "npm:^1.0.3"
-    estree-util-value-to-estree: "npm:^3.0.1"
-    file-loader: "npm:^6.2.0"
-    fs-extra: "npm:^11.1.1"
-    image-size: "npm:^1.0.2"
-    mdast-util-mdx: "npm:^3.0.0"
-    mdast-util-to-string: "npm:^4.0.0"
-    rehype-raw: "npm:^7.0.0"
-    remark-directive: "npm:^3.0.0"
-    remark-emoji: "npm:^4.0.0"
-    remark-frontmatter: "npm:^5.0.0"
-    remark-gfm: "npm:^4.0.0"
-    stringify-object: "npm:^3.3.0"
-    tslib: "npm:^2.6.0"
-    unified: "npm:^11.0.3"
-    unist-util-visit: "npm:^5.0.0"
-    url-loader: "npm:^4.1.1"
-    vfile: "npm:^6.0.1"
-    webpack: "npm:^5.88.1"
-  peerDependencies:
-    react: ^18.0.0
-    react-dom: ^18.0.0
-  checksum: 10/3afba7701b7e5af78ba8e1f3d90ba774c4b72241ebaac2f8530e81921e631b22d6009e66228320066716366e510bdf71b10f4a9c086acd39f373772fa759c73f
-  languageName: node
-  linkType: hard
-
 "@docusaurus/module-type-aliases@npm:3.1.1, @docusaurus/module-type-aliases@npm:^3.1.1":
   version: 3.1.1
   resolution: "@docusaurus/module-type-aliases@npm:3.1.1"
@@ -4774,7 +4737,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@mdx-js/react@npm:^3, @mdx-js/react@npm:^3.0.0":
+"@mdx-js/react@npm:^3.0.0":
   version: 3.0.1
   resolution: "@mdx-js/react@npm:3.0.1"
   dependencies:
@@ -6982,11 +6945,9 @@ __metadata:
     "@babel/preset-react": "npm:^7.18.6"
     "@babel/preset-typescript": "npm:^7.18.6"
     "@iarna/toml": "npm:^2.2.5"
-    "@mdx-js/react": "npm:^3.0.0"
     "@types/jest": "npm:^28.1.6"
     "@types/micromatch": "npm:^4.0.1"
     "@types/node": "npm:^18.17.15"
-    "@types/react": "npm:^18.2.54"
     "@types/semver": "npm:^7.1.0"
     "@yarnpkg/cli": "workspace:^"
     "@yarnpkg/core": "workspace:^"
@@ -7002,7 +6963,6 @@ __metadata:
     jest: "npm:^29.2.1"
     micromatch: "npm:^4.0.2"
     pirates: "npm:^4.0.5"
-    react: "npm:^18.2.0"
     semver: "npm:^7.1.2"
     tslib: "npm:^2.4.0"
     typescript: "npm:5.4.0-beta"