layout Portal.tsx

80% Statements 4/5

0% Branches 0/4

0% Functions 0/1

75% Lines 3/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16  
2x
 
2x
 
 
 
 
 
 
 
 
2x
 
 
  import { ReactNode } from "react";
import ReactDOM from "react-dom";
 
export const portalRoot: HTMLElement = document.getElementById(
  "MenuPortal",
) as HTMLElement;
 
interface PortalProps {
  children: ReactNode;
  root?: HTMLElement;
}
 
export const Portal = ({ children, root }: PortalProps) => {
  return ReactDOM.createPortal(children, root ?? portalRoot);
};