From 4a1415d2f073df07a9a91d2dde9598a85da83c41 Mon Sep 17 00:00:00 2001
From: Titus Wormer <tituswormer@gmail.com>
Date: Thu, 8 Dec 2022 11:25:44 +0400
Subject: [PATCH] Add note about use with `vite-plugin-react`

Related-to: vitejs/vite-plugin-react#38.
---
 docs/docs/getting-started.server.mdx | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/docs/docs/getting-started.server.mdx b/docs/docs/getting-started.server.mdx
index 695b359bc..cdd87567d 100644
--- a/docs/docs/getting-started.server.mdx
+++ b/docs/docs/getting-started.server.mdx
@@ -358,6 +358,22 @@ If you use more modern JavaScript features than what your users support,
   Make sure `rollup@3` is not installed.
 </Note>
 
+<Note type="info">
+  **Note**: If you also use `vitejs/vite-plugin-react`, you need to force
+  `@mdx-js/rollup` to run in the `pre` phase before it:
+
+  ```js path="vite.config.js"
+  // …
+  export default defineConfig({
+    plugins: [
+      {enforce: 'pre', ...mdx(/* jsxImportSource: …, otherOptions… */)},
+      react()
+    ]
+  })
+  // …
+  ```
+</Note>
+
 See also [¶ Rollup][rollup], which is used in Vite, and see [¶ Vue][vue], if
 you’re using that, for more info.