title: Chakra-UI Rendering Tabs Based On LocalStorage Setting
body: <p>I can't seem to get the tab to render as active if a condition is met based on localStorage settings. Here is what I have:</p>
  <pre class="lang-js prettyprint-override"><code>&lt;TabList id=&quot;my-view-menu&quot; direction=&quot;row&quot; spacing={4}&gt;
    &lt;Tab
      colorScheme=&quot;#000&quot;
      fontSize=&quot;sm&quot;
      variant=&quot;link&quot;
      onClick={(e) =&gt; handleDefaultView(e)}
      isSelected={localStorage.getItem('view') === 'default' ? true : false}
    &gt;
      Default
    &lt;/Tab&gt;
  
    &lt;Tab
      colorScheme=&quot;#000&quot;
      fontSize=&quot;sm&quot;
      variant=&quot;link&quot;
      onClick={(e) =&gt; handleMyView(e)}
      isSelected={localStorage.getItem('view') === 'myView' ? true : false}
    &gt;
      My View
    &lt;/Tab&gt;
  &lt;/TabList&gt;;
  </code></pre>