HUITab.Panel rendering all tab contents immediately - how to render only when Tab/Panel becomes active?

[trainoasis]

I've noticed in our React app that all our hooks from all tab Panels are immediately triggered. Is it possible to avoid that and only trigger rendering / hooks when the Tab becomes active? Did I miss this setting somewhere? Or is this something we should handle ourselves somehow?

unmount doesn't change a thing unfortunately if that's what is relevant.

How we render Panels:

... 
<HUITab.Panels>
        {contents.map((content, i) => {
          return (
            <HUITab.Panel className={tabPanelClassName} key={tabs[i].title}>
              {content}
            </HUITab.Panel>
          );
        })}
</HUITab.Panels>
...