onCleanup in Root component?

o/ so i have this component in my root. if i refresh the page, it doesn't log the

cleaning up root!!

cleaning up root!!

cleaning up root!!

cleaning up root!! message. is there any other way to run code when the app stops/refreshes?

onCleanup(() => {
   console.log("cleaning up root!!")
})

onCleanup(() => {
   console.log("cleaning up root!!")
})

onCleanup(() => {
   console.log("cleaning up root!!")
})

onCleanup(() => {
   console.log("cleaning up root!!")
})

RevxrsalOP•8/12/23, 9:50 AM

nvm, found i could do

window.addEventListener("beforeunload", () => {
   ...
}, false);

window.addEventListener("beforeunload", () => {
   ...
}, false);

RevxrsalOP•8/12/23, 9:50 AM

but is onCleanup() just not going to work for roots?

Otonashi•8/12/23, 9:54 AM

roots aren't disposed when the page unloads

Otonashi•8/12/23, 9:56 AM

if you want to do that then you could probably do like

const dispose = render(() => <App />, document.getElementById("app"));
window.addEventListener("beforeunload", dispose);

const dispose = render(() => <App />, document.getElementById("app"));
window.addEventListener("beforeunload", dispose);

though i don't know if that's necessarily a good idea if there's a lot to clean up

RevxrsalOP•8/12/23, 10:01 AM

i just want to save something to localStorage

RevxrsalOP•8/12/23, 10:02 AM

i had it earier as a store and the localStorage was saved inside an effect, but since i update the data a lot (10+ times/s) i figured out that's a bit inefficient