0
1.1K
Vistasobteniendo el error "Error de tipo: no se pueden leer las propiedades de nulo (leyendo 'useState')" en el uso de useState
Entonces, estoy tratando de usar useState en mi aplicación nextjs, pero tan pronto como agrego la línea de código para inicializar useState, aparece un error emergente con el mensaje de error: TypeError: Cannot read properties of null (reading 'useState')
Aquí hay una versión simplificada de mi código:
import { useState } from 'react' export default function Home() { return ( <div> <Transactions /> </div> ) } const Transactions = () => { const [state, setState] = useState('test') ... }Reaccionar/Próximas versiones que estoy ejecutando:
"next": "12.1.5", "react": "18.0.0", "react-dom": "18.0.0" Captura de pantalla del error de las herramientas de desarrollo de Chrome: 
¿Alguna idea sobre lo que está causando esto? Gracias
EDITAR Error muy tonto de mi parte, el problema se resolvió importando reaccionar...
2 Respuestas
Responde la pregunta0
Así que bifurqué y cloné su repositorio de github y no pude reproducir el error en mi sistema. Una cosa que encontré fue en su componente navBar que importó
import Link from 'next/Link'lo que me arrojó un error hasta que pude cambiarlo a continuación/enlace a minúsculas
import Link from 'next/link'Lo que recomendaría hacer es reinstalar reaccionar, solo con un simple comando npm para ver si eso soluciona su problema. Si no me avisas!
npm uninstall react npm install react@latest0
Simplemente defina Estado dentro de la función Inicio