[dependabot]

Bumps @astrojs/react from 6.0.4 to 7.0.0.

Release notes

Sourced from @​astrojs/react's releases.

@​astrojs/react@​7.0.0

Major Changes

• #17951 e5b0ac4 Thanks @​hanford! - Migrates the React integration to @vitejs/plugin-react v6, using Oxc for JSX and Fast Refresh. Removes the babel integration option; projects with custom Babel transforms must configure @rolldown/plugin-babel under vite.plugins instead.

  Adds an opt-in compiler option for the Oxc-based React Compiler. Install oxc-transform-react and enable it in your Astro config:

  import react from '@astrojs/react';
  export default {
  integrations: [react({ compiler: true })],
  };

  The compiler memoizes client components and hooks. Server rendering is not compiled. The target defaults to the installed React major version; React 17 and 18 projects also need react-compiler-runtime installed. Pass an options object to configure the compiler, for example compiler: { compilationMode: 'annotation' }. The integration's include and exclude options apply, and dependencies and Astro files are excluded.

  Migrating custom Babel transforms

  The integration uses @vitejs/plugin-react v6 and Oxc for JSX and Fast Refresh. The babel integration option has been removed in this major release.

  If you use custom Babel transforms, install @rolldown/plugin-babel and @babel/core, keeping your existing Babel plugins and presets installed:

  pnpm add -D @rolldown/plugin-babel @babel/core

  Move your Babel plugins and presets from react({ babel: ... }) to babel() in vite.plugins. For example, migrate a project using babel-plugin-styled-components from:

  import react from '@astrojs/react';
  import { defineConfig } from 'astro/config';
  export default defineConfig({
  integrations: [react({ babel: { plugins: ['babel-plugin-styled-components'] } })],
  });

  To:

  import react from '@astrojs/react';
  import babel from '@rolldown/plugin-babel';
  import { defineConfig } from 'astro/config';
  export default defineConfig({
  integrations: [react()],
  vite: {
  plugins: [
  babel({

... (truncated)

Changelog

Sourced from @​astrojs/react's changelog.

7.0.0

Major Changes

• #17951 e5b0ac4 Thanks @​hanford! - Migrates the React integration to @vitejs/plugin-react v6, using Oxc for JSX and Fast Refresh. Removes the babel integration option; projects with custom Babel transforms must configure @rolldown/plugin-babel under vite.plugins instead.

  Adds an opt-in compiler option for the Oxc-based React Compiler. Install oxc-transform-react and enable it in your Astro config:

  import react from '@astrojs/react';
  export default {
  integrations: [react({ compiler: true })],
  };

  The compiler memoizes client components and hooks. Server rendering is not compiled. The target defaults to the installed React major version; React 17 and 18 projects also need react-compiler-runtime installed. Pass an options object to configure the compiler, for example compiler: { compilationMode: 'annotation' }. The integration's include and exclude options apply, and dependencies and Astro files are excluded.

  Migrating custom Babel transforms

  The integration uses @vitejs/plugin-react v6 and Oxc for JSX and Fast Refresh. The babel integration option has been removed in this major release.

  If you use custom Babel transforms, install @rolldown/plugin-babel and @babel/core, keeping your existing Babel plugins and presets installed:

  pnpm add -D @rolldown/plugin-babel @babel/core

  Move your Babel plugins and presets from react({ babel: ... }) to babel() in vite.plugins. For example, migrate a project using babel-plugin-styled-components from:

  import react from '@astrojs/react';
  import { defineConfig } from 'astro/config';
  export default defineConfig({
  integrations: [react({ babel: { plugins: ['babel-plugin-styled-components'] } })],
  });

  To:

  import react from '@astrojs/react';
  import babel from '@rolldown/plugin-babel';
  import { defineConfig } from 'astro/config';
  export default defineConfig({
  integrations: [react()],
  vite: {
  plugins: [

... (truncated)

Commits

• 790c6f7 [ci] release (#18035)
• 0427b5c Update @​astrojs/react (#18081)
• f5449a0 Update dependency js-yaml to v4.3.2 [SECURITY] (#18023)
• e5b0ac4 feat(react)!: use Oxc for JSX and add React Compiler support (#17951)
• f9f4f90 Update @​astrojs/react (#17925)
• 8a3106e [ci] release (#17939)
• 7a6e7f7 fix(react,vue): fix Vue render-function components failing to build with Reac...
• 2fdf731 [ci] release (#17849)
• See full diff in compare view

[coderabbitai]

Important

Review skipped

Bot user detected.

To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

• Configuration used: Organization UI
• Review profile: ASSERTIVE
• Plan: Advanced
• Run ID: ac6e03d9-cc84-4d51-8ce7-622f9e812b8e

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

• Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}