title: Using Reactstrap and Hashrouter, how do you use DropdownItem in the Navbar as a Navlink to other pages?
body: <p>I built a simple react app using reactstrap and the Hashrouter function.</p>
  <ul>
  <li>Hashrouter and NavLink  are from react-router-dom</li>
  <li>DropdownItem is from reactstrap</li>
  </ul>
  <p>My Navbar is functional but clicking on the dropdown button (DropdownItem) to each page does nothing, while clicking directly on the passed text/NavLink element leads to the intended page. The reason for this is that the text shown in my dropdowns are fully passed NavLink elements which are wrapped in the dropdown button (DropdownItem).</p>
  <p>Here is the link passed to the Navbar element</p>
  <pre><code>      lookupLink={&lt;NavLink to=&quot;/Lookup&quot;&gt;Lookup&lt;/NavLink&gt;}
  </code></pre>
  <p>And here is what the Navbar component side of things looks like</p>
  <pre><code>&lt;DropdownItem&gt;
      {props.lookupLink &amp;&amp; props.lookupLink}
  &lt;/DropdownItem&gt;
  </code></pre>
  <p>Image: <a href="https://i.stack.imgur.com/WNonk.png" rel="nofollow noreferrer">Clicking on the blue text works, but anything to the right of the red line does nothing, where I want everything in the black border to act as a button</a></p>
  <p>How would I ensure pressing any part of the entire DropdownItem element acts as a link to my Lookup page?</p>
  <p>Appendix:
  This is roughly what my index.js file looks like, after removing irrelevant parts of the code</p>
  <pre><code>&lt;React.StrictMode&gt;
  &lt;HashRouter&gt;
      &lt;div&gt;
          &lt;Navbar1 
              lookupLink={&lt;NavLink to=&quot;/Lookup&quot;&gt;Lookup&lt;/NavLink&gt;}
          /&gt;
      &lt;div className=&quot;content&quot;&gt;
          &lt;Route exact path=&quot;/&quot; render={(props) =&gt; &lt;HomePage 
              lookupLink={&lt;NavLink style={{color:&quot;white&quot;}} to=&quot;/Lookup&quot;&gt;Lookup&lt;/NavLink&gt;}
          /&gt;} /&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/HashRouter&gt;
  &lt;/React.StrictMode&gt;
  </code></pre>