ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[Perf] Portal: Fix infinitely creating DOM nodes

Browse Source
This commit is contained in:
Alexander Zinchuk 2021-08-16 20:42:16 +03:00
parent 362b5a7876
commit 13b62d0199
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/ui/Portal.ts
View File

@ -8,7 +8,10 @@ type OwnProps = {
}; };
const Portal: FC<OwnProps> = ({ containerId, className, children }) => { const Portal: FC<OwnProps> = ({ containerId, className, children }) => {
const elementRef = useRef(document.createElement('div')); const elementRef = useRef<HTMLDivElement>();
if (!elementRef.current) {
elementRef.current = document.createElement('div');
}
useLayoutEffect(() => { useLayoutEffect(() => {
const container = document.querySelector<HTMLDivElement>(containerId || '#portals'); const container = document.querySelector<HTMLDivElement>(containerId || '#portals');
@ -16,7 +19,7 @@ const Portal: FC<OwnProps> = ({ containerId, className, children }) => {
return undefined; return undefined;
} }
const element = elementRef.current; const element = elementRef.current!;
if (className) { if (className) {
element.classList.add(className); element.classList.add(className);
} }