saulteafarmer/plebdevs
1
0
Fork 0
mirror of https://github.com/AustinKelsay/plebdevs.git synced 2025-06-03 07:42:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

capture zapRef current fo cleanup in ZapThreadsWrapper

Browse Source
This commit is contained in:
austinkelsay 2025-04-20 14:41:27 -05:00
parent 70e31bfe91
commit 02caab317c
No known key found for this signature in database
GPG Key ID: 5A763922E5BA08EE
1 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/ZapThreadsWrapper.js
View File

@ -9,6 +9,9 @@ const ZapThreadsWrapper = ({ anchor, user, relays, disable, className, isAuthori
if (!isAuthorized) {
return;
}
// Store the current value of zapRef to use in the cleanup function
const currentZapRef = zapRef.current;
// Create a new <script> element
const script = document.createElement('script');
@ -45,15 +48,15 @@ const ZapThreadsWrapper = ({ anchor, user, relays, disable, className, isAuthori
});
// Remove any existing <zap-threads> element
if (zapRef.current) {
while (zapRef.current.firstChild) {
zapRef.current.removeChild(zapRef.current.firstChild);
if (currentZapRef) {
while (currentZapRef.firstChild) {
currentZapRef.removeChild(currentZapRef.firstChild);
}
}
// Append the new element
if (zapRef.current) {
zapRef.current.appendChild(zapElement);
if (currentZapRef) {
currentZapRef.appendChild(zapElement);
}
};
@ -68,9 +71,9 @@ const ZapThreadsWrapper = ({ anchor, user, relays, disable, className, isAuthori
// Cleanup function to remove the <zap-threads> element and the <script> element when the component is unmounted
return () => {
if (zapRef.current) {
while (zapRef.current.firstChild) {
zapRef.current.removeChild(zapRef.current.firstChild);
if (currentZapRef) {
while (currentZapRef.firstChild) {
currentZapRef.removeChild(currentZapRef.firstChild);
}
}
// Remove the <script> element from the <body> of the document