Как использовать порталы в React (Next Js) при получении дочернего элемента вне непосредственного родительского контейнера?

Question

Текущая реализация

Контейнер

export const FormContainer = () => {
    return (<Form/>);
  }

Компонент

export const Form = () => {
    return ReactDOM.createPortal(
      <aside>
        <div>{"I am a component"}<div/>
      </aside>,
      document.body
    );
  }

Ошибки

ReferenceError: документ не определен

Ожидание

Я хочу, чтобы форма вышла из иерархии DOM FormContainer.