diff options
Diffstat (limited to 'packages/integrations/react')
| -rw-r--r-- | packages/integrations/react/CHANGELOG.md | 22 | ||||
| -rw-r--r-- | packages/integrations/react/package.json | 2 | ||||
| -rw-r--r-- | packages/integrations/react/src/index.ts | 17 |
3 files changed, 33 insertions, 8 deletions
diff --git a/packages/integrations/react/CHANGELOG.md b/packages/integrations/react/CHANGELOG.md index 146d36427..0fb968291 100644 --- a/packages/integrations/react/CHANGELOG.md +++ b/packages/integrations/react/CHANGELOG.md @@ -1,5 +1,27 @@ # @astrojs/react +## 3.0.0-beta.3 + +### Minor Changes + +- [#8082](https://github.com/withastro/astro/pull/8082) [`16a3fdf93`](https://github.com/withastro/astro/commit/16a3fdf93165a1a0404c1db0973871345b2c591b) Thanks [@matthewp](https://github.com/matthewp)! - Optionally parse React slots as React children. + + This adds a new configuration option for the React integration `experimentalReactChildren`: + + ```js + export default { + integrations: [ + react({ + experimentalReactChildren: true, + }), + ], + }; + ``` + + With this enabled, children passed to React from Astro components via the default slot are parsed as React components. + + This enables better compatibility with certain React components which manipulate their children. + ## 3.0.0-beta.2 ### Patch Changes diff --git a/packages/integrations/react/package.json b/packages/integrations/react/package.json index 302ac4ae0..9ac1b0d35 100644 --- a/packages/integrations/react/package.json +++ b/packages/integrations/react/package.json @@ -1,7 +1,7 @@ { "name": "@astrojs/react", "description": "Use React components within Astro", - "version": "3.0.0-beta.2", + "version": "3.0.0-beta.3", "type": "module", "types": "./dist/index.d.ts", "author": "withastro", diff --git a/packages/integrations/react/src/index.ts b/packages/integrations/react/src/index.ts index 712b98610..1cc200bc3 100644 --- a/packages/integrations/react/src/index.ts +++ b/packages/integrations/react/src/index.ts @@ -44,7 +44,11 @@ function optionsPlugin(experimentalReactChildren: boolean): vite.Plugin { }; } -function getViteConfiguration({ include, exclude, experimentalReactChildren }: ReactIntegrationOptions = {}) { +function getViteConfiguration({ + include, + exclude, + experimentalReactChildren, +}: ReactIntegrationOptions = {}) { return { optimizeDeps: { include: [ @@ -62,10 +66,7 @@ function getViteConfiguration({ include, exclude, experimentalReactChildren }: R : '@astrojs/react/server-v17.js', ], }, - plugins: [ - react({ include, exclude }), - optionsPlugin(!!experimentalReactChildren) - ], + plugins: [react({ include, exclude }), optionsPlugin(!!experimentalReactChildren)], resolve: { dedupe: ['react', 'react-dom', 'react-dom/server'], }, @@ -88,14 +89,16 @@ function getViteConfiguration({ include, exclude, experimentalReactChildren }: R export default function ({ include, exclude, - experimentalReactChildren + experimentalReactChildren, }: ReactIntegrationOptions = {}): AstroIntegration { return { name: '@astrojs/react', hooks: { 'astro:config:setup': ({ config, command, addRenderer, updateConfig, injectScript }) => { addRenderer(getRenderer()); - updateConfig({ vite: getViteConfiguration({ include, exclude, experimentalReactChildren }) }); + updateConfig({ + vite: getViteConfiguration({ include, exclude, experimentalReactChildren }), + }); if (command === 'dev') { const preamble = FAST_REFRESH_PREAMBLE.replace( `__BASE__`, |