title: How do I make react hookstate.js stop rerendering when using .set?
body: <p>I have a state object already set in hookstate. In a particular file, I have the following calling it:</p>
  <pre><code>const druidPowers = useDruidPowersState(druidPowersState)
  
    useEffect(() =&gt; {
     Axios.get('http://localhost:5000/powers/druidpowers/levelone')
      .then((data) =&gt; {
          const powersData = data.data.druidpowers[0].powers.levelOne
          druidPowers.shapeshift.set(powersData.shapeshift)
          druidPowers.naturesBoon.set(powersData.naturesBoon)
      })
    }, [druidPowers.shapeshift, druidPowers.naturesBoon])
  
    druidPowers.shapeshift.powerUsage.set({
        powerUse: {
          hp: (characterHp, body, spirit) =&gt; {
            characterHp += (body + spirit)
          }
        }
      })
    
    console.log(druidPowers, 'druid powers')
  </code></pre>
  <p>The code inside the useEffect does what I intend no issues. It's when I add in the .set() outside of the useEffect that becomes the issue.
  Console confirms this is updating it for me. However, it also confirms that it won't stop console.log()'ing it. I tried, just on random chance, to put a , [] in there like you would on a useEffect, but that didn't stop it, so just wondering if anyone knows why it keeps doing it.</p>