fix: Stats and StatsGl don't remove previous class names on rerender (#1994)

* fix(StatsGl): remove class names on useEffect cleanup

* fix(Stats): remove class names on useEffect cleanup

Author: lukehorvat

src/core/Stats.tsx

@@ -17,10 +17,12 @@ export function Stats({ showPanel = 0, className, parent }: Props): null {
       const node = (parent && parent.current) || document.body
       stats.showPanel(showPanel)
       node?.appendChild(stats.dom)
-      if (className) stats.dom.classList.add(...className.split(' ').filter((cls) => cls))
+      const classNames = (className ?? '').split(' ').filter((cls) => cls)
+      if (classNames.length) stats.dom.classList.add(...classNames)
       const begin = addEffect(() => stats.begin())
       const end = addAfterEffect(() => stats.end())
       return () => {
+        if (classNames.length) stats.dom.classList.remove(...classNames)
         node?.removeChild(stats.dom)
         begin()
         end()

src/core/StatsGl.tsx

@@ -23,9 +23,11 @@ export function StatsGl({ className, parent, ...props }: Props) {
     if (stats) {
       const node = (parent && parent.current) || document.body
       node?.appendChild(stats.dom)
-      if (className) stats.container.classList.add(...className.split(' ').filter((cls) => cls))
+      const classNames = (className ?? '').split(' ').filter((cls) => cls)
+      if (classNames.length) stats.dom.classList.add(...classNames)
       const end = addAfterEffect(() => stats.update())
       return () => {
+        if (classNames.length) stats.dom.classList.remove(...classNames)
         node?.removeChild(stats.dom)
         end()
       }