URL
https://ionicframework.com/docs/theming/dark-mode#css-class
Issue Description
The example in src/main.tsx for setting dark mode doesn't use a clean-up function inside the useEffect when adding event listener.
useEffect(()=>{// Listen for changes to the prefers-color-scheme media queryprefersDark.addEventListener('change',(mediaQuery)=>initializeDarkPalette(mediaQuery.matches));},[]);This would just continuously add listeners.
This would fix the issue.
useEffect(()=>{// Listen for changes to the prefers-color-scheme media queryprefersDark.addEventListener('change',funct);return()=>{prefersDark.removeEventListener('change',funct);}},[]);
URL
https://ionicframework.com/docs/theming/dark-mode#css-class
Issue Description
The example in
src/main.tsxfor setting dark mode doesn't use a clean-up function inside theuseEffectwhen adding event listener.This would just continuously add listeners.
This would fix the issue.