Добрый день. подскажите пожалуйста. почему компонент Table перерисовываеться если я только вызываю

Question

Добрый день. подскажите пожалуйста. почему компонент Table перерисовываеться если я только вызываю

onChangeOrder в TableHeader ?

function TableHeader() {
const [order, setOrder] = React.useState('asc');
const [orderBy, setOrderBy] = React.useState('user');
const onChangeOrder = orderName => {
const newOrder = order === 'asc' ? 'desc' : 'asc';
setOrderBy(orderName);
setOrder(newOrder);
};

return (
<TableHead>
<TableRow>
{headRows.map(({ id, label, numeric }) => (
<TableCell key={id}>
<TableSortLabel
onClick={() => onChangeOrder(id)}
>
{label}
</TableSortLabel>
</TableCell>
))}
</TableRow>
</TableHead>
);
}

function CampaignsTable({ response, isFetching }) {

return (
<React.Fragment>
<Table>
{TableHeader()}
<TableBody>