Antes de marcar como duplicado, he buscado mucho y no hubo respuesta.
Estoy haciendo un proyecto de reacción. Cuando está en el entorno de desarrollo, todo funciona bien. Luego, cuando construyo reaccionar, aparece este error en el navegador:
TypeError: (0 , Rt.useState) is not a function at react-dom.production.min.js:209 En internet he buscado mucho. Todos se referirían a la versión 16.7 que no tiene ganchos. ¡Aunque tengo la versión 16.14 ! Echa un vistazo a las dependencias:
{ "qs": "^6.10.2", "react": "^16.14.0", "react-content-loader": "^6.1.0", "react-dom": "^16.14.0", "react-intersection-observer": "^8.33.1", "react-qr-reader": "^2.2.1", "react-router-dom": "^5.3.0", "react-scripts": "5.0.0", "react-swipeable-list": "^1.4.0", "react-tiger-transition": "^4.1.2", "react-toastify": "^8.1.0", "react-transition-group": "^4.3.0" } He buscado un duplicado en reaccionar. npm ls react y npm ls react-dom
Aquí están los resultados de estos dos:
> npm ls react +-- react-content-loader@6.1.0 | `-- react@16.14.0 deduped +-- react-dom@16.14.0 | `-- react@16.14.0 deduped +-- react-intersection-observer@8.33.1 | `-- react@16.14.0 deduped +-- react-qr-reader@2.2.1 | `-- react@16.14.0 deduped +-- react-router-dom@5.3.0 | +-- react-router@5.2.1 | | +-- mini-create-react-context@0.4.1 | | | `-- react@16.14.0 deduped | | `-- react@16.14.0 deduped | `-- react@16.14.0 deduped +-- react-scripts@5.0.0 | `-- react@16.14.0 deduped +-- react-swipeable-list@1.4.0 | `-- react@16.14.0 deduped +-- react-tiger-transition@4.1.2 | `-- react@16.14.0 deduped +-- react-toastify@8.1.0 | `-- react@16.14.0 deduped +-- react-transition-group@4.4.2 | `-- react@16.14.0 deduped `-- react@16.14.0y el otro:
> npm ls react-dom +-- react-dom@16.14.0 +-- react-qr-reader@2.2.1 | `-- react-dom@16.14.0 deduped +-- react-swipeable-list@1.4.0 | `-- react-dom@16.14.0 deduped +-- react-toastify@8.1.0 | `-- react-dom@16.14.0 deduped `-- react-transition-group@4.4.2 `-- react-dom@16.14.0 deduped¡Entonces podemos decir que no hay un duplicado!
La sintaxis probablemente sea correcta, ya que funciona bien en desarrollo.
Estoy tan confundida. Gracias.
#SOLUCIONADO El problema se debió a que vs code intellisense agregó automáticamente esto:
import { useState } from 'react/cjs/react.development.js'en vez de
import { useState } from 'react'Me mato para encontrarlo :/