Chapter 14 Improving Accessibility - useActionState is not available in React

[dtknepper]

Uppon importing useActionState like so:
import { useActionState } from 'react';

The following error appears:
Module '"react"' has no exported member 'useActionState'.ts(2305)

When searching on Google, the official React Documentation actually says that the useActionState is still an experimental feature in their Canary channel.

I assume this means that when using the stable version of React, this Hook is not available yet and can therefore not be used.

If I am completely wrong on this topic, please explain me what I am doing wrong! I'm not doing this course because I am so good at this all already ;)

[leerob]

I am not able to reproduce, can you share more about what you're seeing? Can you restart your TypeScript server?

[braxtonb]

@dtknepper - Ran into something similar, @leerob 's suggestion to restart the Typescript server solved it on my end

The following steps may be helpful

1. Copy final-example's package.json
2. Run pnpm i to install latest dependencies
3. Restart Typescript server using cmd + shift + p and select TypeScript: Restart TS Server

4. After the TypeScript server restarts, ideally useActionState is defined

[dtknepper]

I have updated all my dependancies, and I still get this error. I was however able to still continue with this project by using useFormState from the react-dom dependancy.

@braxtonb I see in you screenshot that you actually use the Canary release of React and not the general release. That's why you do not get this error.

[leerob]

Indeed, you are supposed to be using the canary version here (this tutorial was recently updated to Next 15 / React 19).

Those will soon be stable, but this is getting things ready ahead of time.