canirequire › ESM-only › @vitejs/plugin-react
Is @vitejs/plugin-react ESM-only? Can you require() it?
The default Vite plugin for React projects
Last verified Sep 9, 2026 against @vitejs/plugin-react@6.1.1. Markdown · JSON
ESM-only ESM-only since 5.0.0 — last CommonJS version is 4.7.0
@vitejs/plugin-react dropped its CommonJS build in 5.0.0 (August 2025). The last version with a plain require()-able CommonJS entry is 4.7.0, published Jul 18, 2025; it declares support for Node.js ^14.18.0 || >=16.0.0.
On Node.js 20.19+, 22.12+ and newer, require("@vitejs/plugin-react") works with the latest version: Node.js loads synchronous ES modules through require(). Verified on Node.js 20, 22, 24 and 26. Node.js 18 has no require(esm), and @vitejs/plugin-react@6.1.1 declares Node.js ^20.19.0 || >=22.12.0, so 18 is outside its supported range anyway.
@vitejs/plugin-react@6.1.1 declares engines "^20.19.0 || >=22.12.0", so Node.js 18 is outside its supported range regardless of module format.
What to do
- On Node.js 20.19+, 22.12+ and newer, require("@vitejs/plugin-react") works with the latest version: Node.js loads synchronous ES modules through require(). Verified on Node.js 20, 22, 24 and 26.
- From a CommonJS file, use a dynamic import inside an async function: const pluginReact = await import("@vitejs/plugin-react"). That works on every Node.js version the package supports (^20.19.0 || >=22.12.0).
- If you need a synchronous require() or run Node.js 18: npm install @vitejs/plugin-react@4.7.0, the last CommonJS release (published Jul 18, 2025); it declares Node.js ^14.18.0 || >=16.0.0.
- @vitejs/plugin-react@6.1.1 declares engines "^20.19.0 || >=22.12.0", so Node.js 18 is unsupported regardless: upgrade Node.js or pin an older release.
- TypeScript: no types are available for @vitejs/plugin-react; declare the module yourself if you need them.
Does @vitejs/plugin-react@6.1.1 actually load? Runtime test results
Installed and executed on Sep 9, 2026 with require("@vitejs/plugin-react") from a CommonJS file and import "@vitejs/plugin-react" from an ES module.
| Runtime | require("@vitejs/plugin-react") | import "@vitejs/plugin-react" |
|---|---|---|
| Node.js 18 | ✗ failsERR_REQUIRE_ESM | ✗ failsSyntaxError |
| Node.js 20 | ✓ works | ✓ works |
| Node.js 22 | ✓ works | ✓ works |
| Node.js 24 | ✓ works | ✓ works |
| Node.js 26 | ✓ works | ✓ works |
| Bun 1.4.0 | ✓ works | ✓ works |
How to import @vitejs/plugin-react
ES modules (import)
import * as pluginReact from "@vitejs/plugin-react";Namespace import shown because the ESM entry may have no default export; use named imports for what it exports.
CommonJS (require)
// Node.js 20.19+, 22.12+ and newer (verified):
const pluginReact = require("@vitejs/plugin-react");
// Any Node.js version the package supports (^20.19.0 || >=22.12.0), from an async function:
async function main() {
const pluginReact = await import("@vitejs/plugin-react");
}
// Or pin the last CommonJS release (declares Node.js ^14.18.0 || >=16.0.0):
// npm install @vitejs/plugin-react@4.7.0Module format by version
Derived from the type, main and exports fields of every stable release on npm, corrected where a runtime test of that version contradicted them (66 versions; the newest 60 shown).
| Versions | Format | First published |
|---|---|---|
| 5.0.0 – 6.1.1 | ESM-only | Aug 7, 2025 |
| 2.0.0 – 4.7.0 | Dual (CommonJS + ESM) | Jul 13, 2022 |
| 1.0.6 – 1.3.2 | CommonJS | Oct 25, 2021 |
Frequently asked
Is @vitejs/plugin-react ESM-only?
@vitejs/plugin-react@6.1.1 is ESM-only. @vitejs/plugin-react dropped its CommonJS build in 5.0.0 (August 2025). The last version with a plain require()-able CommonJS entry is 4.7.0, published Jul 18, 2025; it declares support for Node.js ^14.18.0 || >=16.0.0.
Which version of @vitejs/plugin-react still supports CommonJS / require()?
4.7.0 is the last version of @vitejs/plugin-react with a CommonJS build; it declares Node.js ^14.18.0 || >=16.0.0. Install it with "npm install @vitejs/plugin-react@4.7.0". Every version from 5.0.0 on is ESM-only.
How do I use @vitejs/plugin-react from a CommonJS file?
From a CommonJS file, use a dynamic import inside an async function: const pluginReact = await import("@vitejs/plugin-react"). That works on every Node.js version the package supports (^20.19.0 || >=22.12.0). On Node.js 20.19+, 22.12+ and newer, require("@vitejs/plugin-react") works with the latest version: Node.js loads synchronous ES modules through require(). Verified on Node.js 20, 22, 24 and 26. Alternatively pin @vitejs/plugin-react@4.7.0 (declares Node.js ^14.18.0 || >=16.0.0).
Does @vitejs/plugin-react work in Bun?
Yes. import "@vitejs/plugin-react" loaded successfully in Bun 1.4.0 on Sep 9, 2026.
Does @vitejs/plugin-react ship TypeScript types?
No. @vitejs/plugin-react ships no type declarations and there is no @types package for it.
Links
Other esm-only packages
- ansi-styles 7.0.0last CJS
5.2.0 - strip-ansi 7.2.0last CJS
6.0.1 - commander 15.0.0last CJS
14.0.3 - supports-color 11.0.0last CJS
8.1.1 - chalk 6.0.0last CJS
4.1.2 - string-width 8.2.2last CJS
4.2.3 - ansi-regex 6.3.0last CJS
5.0.1 - escape-string-regexp 5.0.0last CJS
4.0.0
Similar popularity
- is-promise 4.0.0Dual
- xmlchars 2.2.0CommonJS
- jest-regex-util 30.5.0Dual
- @radix-ui/react-use-callback-ref 1.1.4Dual
- safe-array-concat 1.1.4CommonJS
- @radix-ui/react-id 1.1.4Dual
- clone 2.1.2CommonJS
- @babel/helper-annotate-as-pure 8.0.0ESM-only