fix: clear LibraryUnit
DOM on unmount (#4084)
This commit is contained in:
parent
ba35eb8f8c
commit
7dbd0c5e0a
@ -34,6 +34,11 @@ export const LibraryUnit = ({
|
||||
}) => {
|
||||
const ref = useRef<HTMLDivElement | null>(null);
|
||||
useEffect(() => {
|
||||
const node = ref.current;
|
||||
if (!node) {
|
||||
return;
|
||||
}
|
||||
|
||||
(async () => {
|
||||
const elementsToRender = elements || pendingElements;
|
||||
if (!elementsToRender) {
|
||||
@ -47,10 +52,12 @@ export const LibraryUnit = ({
|
||||
},
|
||||
files,
|
||||
);
|
||||
if (ref.current) {
|
||||
ref.current.innerHTML = svg.outerHTML;
|
||||
}
|
||||
node.innerHTML = svg.outerHTML;
|
||||
})();
|
||||
|
||||
return () => {
|
||||
node.innerHTML = "";
|
||||
};
|
||||
}, [elements, pendingElements, files]);
|
||||
|
||||
const [isHovered, setIsHovered] = useState(false);
|
||||
|
Loading…
x
Reference in New Issue
Block a user