title: Invalid Hook Call use-neo4j
body: <p>I recently started building a react app.
  I wanted to configure a neo4j database attached to the application. I decided to use the <code>use-neo4j</code> hook. I followed the basic step of creating the driver instance like this:</p>
  <pre><code>import React from &quot;react&quot;;
  import ReactDOM from &quot;react-dom&quot;;
  import &quot;./css/index.css&quot;;
  import App from &quot;./js/App&quot;;
  import Nav from &quot;./js/Nav&quot;;
  import { Neo4jProvider, createDriver } from &quot;use-neo4j&quot;;
  
  const driver = createDriver(&quot;neo4j&quot;, &quot;localhost&quot;, 7687, &quot;lode&quot;, &quot;neo4j&quot;);
  
  ReactDOM.render(
    &lt;React.StrictMode&gt;
      &lt;Neo4jProvider driver={driver}&gt;
        &lt;Nav /&gt;
        &lt;App /&gt;
      &lt;/Neo4jProvider&gt;
    &lt;/React.StrictMode&gt;,
    document.getElementById(&quot;root&quot;)
  );
  </code></pre>
  <p>But I ended up having the Invalid Hook Call error.
  Except if I remove the <code>Neo4jProvider</code> tags
  Seen in this image here <a href="https://i.stack.imgur.com/PdeVM.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PdeVM.jpg" alt="enter image description here" /></a></p>
  <p>I tried everything I can to fix it, I'm pretty new at React.
  I would love someone to help me if they can.</p>