Хочу сделать loader, но появляется ошибка

Ошибка: Warning: Cannot update a component (App) while rendering a different component (Header). To locate the bad setState() call inside Header, follow the stack trace as described in https://reactjs.org/link/setstate-in-render

По умолчанию id у пользователя стоит -1, это я использую для проверки:

function Header() {
    const { setLoad } = React.useContext(LoadContext);

    if (info.id < 0) {
        setLoad(true);
        return <React.Fragment></React.Fragment>;
    } else {
        setLoad(false);
    }

    return (
        <header className={classes.header}>
            ...
        </header>
    );
}

Подскажите как сделать загрузку без ошибки