summaryrefslogtreecommitdiff
path: root/packages/integrations/react/README.md
diff options
context:
space:
mode:
Diffstat (limited to 'packages/integrations/react/README.md')
-rw-r--r--packages/integrations/react/README.md20
1 files changed, 11 insertions, 9 deletions
diff --git a/packages/integrations/react/README.md b/packages/integrations/react/README.md
index 00a574c54..d9a3b473c 100644
--- a/packages/integrations/react/README.md
+++ b/packages/integrations/react/README.md
@@ -42,15 +42,16 @@ npm install react react-dom
Now, apply this integration to your `astro.config.*` file using the `integrations` property:
-```js ins={3} "react()"
-// astro.config.mjs
-import { defineConfig } from 'astro/config';
-import react from '@astrojs/react';
-
-export default defineConfig({
- // ...
- integrations: [react()],
-});
+```diff lang="js" "react()"
+ // astro.config.mjs
+ import { defineConfig } from 'astro/config';
++ import react from '@astrojs/react';
+
+ export default defineConfig({
+ // ...
+ integrations: [react()],
+ // ^^^^^^^
+ });
```
## Getting started
@@ -72,6 +73,7 @@ Use the `include` (required) and `exclude` (optional) configuration options to s
We recommend placing common framework components in the same folder (e.g. `/components/react/` and `/components/solid/`) to make specifying your includes easier, but this is not required:
```js
+// astro.config.mjs
import { defineConfig } from 'astro/config';
import preact from '@astrojs/preact';
import react from '@astrojs/react';