Есть ли опыт работы с React Portal

Да, работал с React Portal. Это мощный инструмент для рендеринга дочерних компонентов вне DOM-иерархии родителя, что полезно для модалок, тултипов или элементов, которые должны быть поверх всего (например, уведомления).

Пример:

import ReactDOM from 'react-dom';

function Modal({ children }) {
return ReactDOM.createPortal(
<div className="modal-overlay">
{children}
</div>,
document.getElementById('modal-root')
);
}

// В index.html должен быть элемент с id="modal-root"

Ключевые моменты:
- Позволяет обходить ограничения z-index и overflow: hidden
- Сохраняет контекст React (props, события) несмотря на физическое расположение в DOM
- Особенно полезен для accessibility, когда контент должен быть в конце DOM для правильной работы скринридеров