Table rendered twice if parent is rerendered

[alumpe]

I have a parent component which displays multiple tabs and a table with entries. Which tab is currently selected is kept in the state of the parent component (activeTab). The data and columns objects for the react-table below are dependent on the currently active tab.

When I change the tab my parent component is rerendered, the memoized objects are reevaluated once, thus I expect my table to be rerendered as well. Somehow it is being rendered twice though which causes some performance issue if the table has many entries. I don't see why it would be rendered twice.

const StatsContainer = () => {
  const [activeTab, setActiveTab] = useState(0);

  const data = useMemo(() => getTableData(categories[activeTab].statList), [
    activeTab,
  ]);

  const columns = useMemo(
    () =>
      getTableColumns(
        groups,
        categories[activeTab].descriptionFilter || filterDescription
      ),
    [activeTab, groups]
  );

  return (
    <div className="stat-container">
      <Tabs
        categories={categories}
        activeTab={activeTab}
        setActiveTab={setActiveTab}
      />
      <StatTable
        data={data}
        columns={columns}
      /> 
    </div>
  );
};

It does have something to do with my memoized data and column, when I remove the dependencies from the useMemo-Array, the table is rendered only one.