18 lines
496 B
TypeScript
18 lines
496 B
TypeScript
import type { ReactNode } from 'react';
|
|
import { createPortal } from 'react-dom';
|
|
|
|
import { useStore } from '../../hooks/useStore';
|
|
import type { ReactFlowState } from '../../types';
|
|
|
|
const selector = (s: ReactFlowState) => s.domNode?.querySelector('.react-flow__viewport-portal');
|
|
|
|
export function ViewportPortal({ children }: { children: ReactNode }) {
|
|
const viewPortalDiv = useStore(selector);
|
|
|
|
if (!viewPortalDiv) {
|
|
return null;
|
|
}
|
|
|
|
return createPortal(children, viewPortalDiv);
|
|
}
|