Module '"react"' has no exported member 'useOptimistic'.

Answered

American posted this in #help-forum

AmericanOP

2024-03-14T12:42:44.000Z

Hello!

Module '"react"' has no exported member 'useOptimistic'.

How can I resolve this issue? I'm found some people recommending pinning to "@types/react": "18.2.26", and I have tried that, but no luck.

I'm running next@14.1.0 and I'm using pnpm as my package manager

Answered by American

Putting this in my package.json solved it:

  "pnpm": {
    "overrides": {
      "@types/react": "18.2.66"
    }
  }

View full answer

7 Replies

@American Hello! > Module '"react"' has no exported member 'useOptimistic'. How can I resolve this issue? I'm found some people recommending pinning to "@types/react": "18.2.26", and I have tried that, but no luck. I'm running next@14.1.0 and I'm using pnpm as my package manager

!=tgt

2024-03-14T13:40:45.000Z

that hook is only on react canary and experimental

https://react.dev/reference/react/useOptimistic

AmericanOP

2024-03-14T13:41:36.000Z

Thanks, but Nextjs is using canary: https://nextjs.org/docs/app/building-your-application/data-fetching/server-actions-and-mutations#optimistic-updates

@American Thanks, but Nextjs is using canary: https://nextjs.org/docs/app/building-your-application/data-fetching/server-actions-and-mutations#optimistic-updates

!=tgt

2024-03-14T13:43:06.000Z

try doing npm i react@canary

do the same with the types

AmericanOP

2024-03-14T13:44:29.000Z

Damn, I though that was gonna work but there are is no @types/react@canary

AmericanOP

2024-03-14T15:55:44.000Z

Putting this in my package.json solved it:

  "pnpm": {
    "overrides": {
      "@types/react": "18.2.66"
    }
  }

Answer