@vitejs/plugin-react 6.x

Practical usage of @vitejs/plugin-react v6.0.0, including its Vite plugin factory, configuration options, React Compiler preset, v5-to-v6 Babel migration, and preamble requirements.

For

@vitejs/plugin-react@6.1.1

Verified

2026-09-07, 2 examples executed

Package

@modootoday/pmcp-vitejs-plugin-react@6.0.0

What it covers

• What this package is
• Normal configuration
• Standalone API shape check
• Babel configuration changed in v6
• React Compiler
• Fast Refresh and the preamble
• Common mistakes
• Does not cover

One example from this skill

This is the skill's own text, not a summary of it. It runs: that is what verifying means here.

import assert from 'node:assert/strict'
import react from '@vitejs/plugin-react'

const plugins = react({
  include: /\.(tsx|jsx)$/,
  exclude: /\/node_modules\//,
  jsxImportSource: 'react',
  jsxRuntime: 'automatic',
})

assert.equal(Array.isArray(plugins), true)
assert.equal(plugins.length > 0, true)

What it did in the sandbox

Verifying this skill meant installing the package and running code against it with no route out. Nothing was observed. The full ledger lists every package examined, including the ones that never became a skill.

Nothing observed is not a finding of safety. It means one run, under one policy, produced nothing to report.

Getting it

With a subscription:

npx -y @modootoday/pmcp login
npx -y @modootoday/pmcp install @modootoday/pmcp-vitejs-plugin-react

It installs as a dev dependency of your project, and the MCP server finds it there like any other skill.