0
138
ViewsHook Call no válido use-neo4j
Recientemente comencé a construir una aplicación de reacción. Quería configurar una base de datos neo4j adjunta a la aplicación. Decidí usar el gancho use-neo4j . Seguí el paso básico de crear la instancia del controlador de esta manera:
import React from "react"; import ReactDOM from "react-dom"; import "./css/index.css"; import App from "./js/App"; import Nav from "./js/Nav"; import { Neo4jProvider, createDriver } from "use-neo4j"; const driver = createDriver("neo4j", "localhost", 7687, "lode", "neo4j"); ReactDOM.render( <React.StrictMode> <Neo4jProvider driver={driver}> <Nav /> <App /> </Neo4jProvider> </React.StrictMode>, document.getElementById("root") ); Pero terminé teniendo el error Invalid Hook Call. Excepto si elimino las etiquetas Neo4jProvider que se ven en esta imagen aquí 
Intenté todo lo que pude para arreglarlo, soy bastante nuevo en React. Me encantaría que alguien me ayude si puede.
2 answers
Answer question0
Tal como dice el error, solo puede llamar ganchos dentro del cuerpo de un componente funcional. Entonces, probablemente crearía un componente que inicie el controlador y devuelva el componente que lo usa:
import { Neo4jProvider, createDriver } from "use-neo4j"; const NeoProvider = ({ children }) => { const driver = createDriver("neo4j", "localhost", 7687, "lode", "neo4j"); return ( <Neo4jProvider driver={driver}> {children} </Neo4jProvider> ); } Y luego impórtelo en su nivel superior y utilícelo en lugar del Neo4jProvider que está importando desde el paquete.
0
Se solucionó el problema, tenía varios Reactjs ejecutándose