diff --git a/packages/react/vite.config.ts b/packages/react/vite.config.ts
index 32eca87..b2cd1a5 100644
--- a/packages/react/vite.config.ts
+++ b/packages/react/vite.config.ts
@@ -3,10 +3,11 @@ import react from "@vitejs/plugin-react";
 import tailwindcss from "tailwindcss";
 import mdx from '@mdx-js/rollup';
 import { resolve } from 'node:path';
+import rehypeHighlight from "rehype-highlight";
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react(), mdx()],
+  plugins: [react(), mdx({ rehypePlugins: [rehypeHighlight] })],
   css: {
     postcss: {
       plugins: [tailwindcss()],