Как работает прос children и mouse events с setState

Хочу понять, как отработает рендер children если внутри компонента обёртки делать ивент мыши, где происходит установка стейта. Будет ли компонент ребёнок ререндерится при каждом измеении стейта?

export const Tooltip: FunctionComponent<IProps> = ({ children, content, type, customClass }) => {
    const [show, setShow] = useState(false);
    const [topPosition, setTopPosition] = useState(0);
   
    return (
        <div
            className={componentClassName}
            onMouseMove={(e) => {
                const rect = e.currentTarget.getBoundingClientRect();
                setShow(true);
                setTopPosition(e.clientY - rect.top + 10);
            }}
            onMouseLeave={(e) => {
                setShow(false)
            }}
        >
            <div
                className={show ? "tooltip-box visible" : "tooltip-box"}
                style={{ top: topPosition }}
            >
                {content}
            </div>
            {children}
        </div>
    );
};