githubmirror/next.js

errors/react-version.mdx

53 строки1 KB

Delba de Oliveira

docs: Migrate error messages to MDX and App Router. (#52038)

05 июл 2023, 16:11

05 июл 2023, 16:1144d1a1c

---
title: Minimum React Version
---

## Why This Error Occurred

Your project is using an old version of `react` or `react-dom` that does not
meet the suggested minimum version requirement.

Next.js suggests using, at a minimum, `react@18.2.0` and `react-dom@18.2.0`.
Older versions of `react` and `react-dom` do work with Next.js, however, they do
not enable all of Next.js' features.

For example, the following features are not enabled with old React versions:

- [Fast Refresh](/docs/architecture/fast-refresh): instantly
  view edits to your app without losing component state
- Component stack trace in development: see the component tree that lead up to
  an error
- Hydration mismatch warnings: trace down discrepancies in your React tree that
  cause performance problems

This list is not exhaustive, but illustrative in the value of upgrading React!

## Possible Ways to Fix It

**Via npm**

```bash filename="Terminal"
npm upgrade react@latest react-dom@latest
```

**Via Yarn**

```bash filename="Terminal"
yarn add react@latest react-dom@latest
```

**Manually** Open your `package.json` and upgrade `react` and `react-dom`:

```json filename="package.json"
{
  "dependencies": {
    "react": "^18.2.0",
    "react-dom": "^18.2.0"
  }
}
```

## Useful Links

- [Fast Refresh blog post](/blog/next-9-4#fast-refresh)
- [Fast Refresh docs](/docs/architecture/fast-refresh)