20 lines
514 B
TypeScript
20 lines
514 B
TypeScript
import { ReactNode } from 'react';
|
|
import { createPortal } from 'react-dom';
|
|
|
|
import type { ReactFlowState } from '../../types';
|
|
import { useStore } from '../../hooks/useStore';
|
|
|
|
const selector = (state: ReactFlowState) => state.domNode?.querySelector('.react-flow__renderer');
|
|
|
|
function NodeToolbarPortal({ children }: { children: ReactNode }) {
|
|
const wrapperRef = useStore(selector);
|
|
|
|
if (!wrapperRef) {
|
|
return null;
|
|
}
|
|
|
|
return createPortal(children, wrapperRef);
|
|
}
|
|
|
|
export default NodeToolbarPortal;
|