Работа иконок-ссылок по нажатию

 ................
const ControlPanelContainer = ({ className }) => {
    const navigate = useNavigate();
 
    return (
        <div className={className}>
            <RightAligned>
                <StiledLink to="/login">Войти</StiledLink>
            </RightAligned>
 
            <RightAligned>
                <StyledButton onClick={navigate(-1)}>
                    <Icon id="fa-backward" margin="10px 0 0 0" />
                </StyledButton>
 
                <Link to="/post">
                    <Icon id="fa-file-text-o" margin="10px 0 0 16px" />
                </Link>
                <Link to="/users">
                    <Icon id="fa-users" margin="10px 0 0 16px" />
                </Link>
            </RightAligned>
        </div>
    );
};

                <StyledButton onClick={() => navigate(-1)}>
                    <Icon id="fa-backward" margin="10px 0 0 0" />
                </StyledButton>