How to fix useDeferredValue is not available in this React build in React

Run the following and confirm both packages resolve to React 18+:

npm list react react-dom

Or if you use Yarn:

yarn list react react-dom

The commands must report version 18.0.0 or later. Any 17.x entry shows the build will keep using an older dispatcher, so the hook cannot exist.

Both packages are bundled together, so update them at the same time to avoid mismatched hooks:

npm install react@18 react-dom@18

Or with Yarn:

yarn add react@18 react-dom@18

If you want the latest patch release, use @latest. Avoid mixing 17.x and 18.x in production.

TypeScript and editor tooling depend on @types/react matching the React runtime. Upgrade the definitions as well:

npm install --save-dev @types/react@18 @types/react-dom@18

Or with Yarn:

yarn add -D @types/react@18 @types/react-dom@18

This makes sure your type checker knows useDeferredValue exists.

React 18 enables concurrent features only when you call createRoot from react-dom/client. Update your entry file:

Before (React 17):

import ReactDOM from 'react-dom';
import App from './App';

ReactDOM.render(<App />, document.getElementById('root'));

After (React 18):

import { createRoot } from 'react-dom/client';
import App from './App';

const root = createRoot(document.getElementById('root'));
root.render(<App />);

Without createRoot, the React build stays in legacy mode and concurrent hooks like useDeferredValue remain disabled.

Sometimes npm or Yarn keeps resolving the old React build. Remove node_modules and the lockfile, then reinstall:

rm -rf node_modules package-lock.json
npm install

With Yarn:

rm -rf node_modules yarn.lock
yarn install

That forces a clean install of React 18 instead of reusing cached packages.

Monorepos, pnpm, or Yarn workspaces can hoist an older React release from another package. Run:

npm ls react

or

yarn why react

Look for a single 18.x tree. If you see 17.x dependencies, use pnpm overrides, Yarn resolutions, or npm overrides to force every package to resolve React 18. If you use pnpm, also check that nodeLinker is set to node-modules when needed.