chore(release): 3.24.1 [CI SKIP]

CHANGELOG.md

@@ -1,3 +1,10 @@
+## [3.24.1](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v3.24.0...v3.24.1) (2023-12-13)
+
+
+### Bug Fixes
+
+* **utils/react:** support react 18, add getReactRoot ([11dd82b](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/11dd82bbb1814ac4d2fa9d381372e325daba2558))
+
 # [3.24.0](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v3.23.1...v3.24.0) (2023-12-03)
 
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "decky-frontend-lib",
-  "version": "3.24.0",
+  "version": "3.24.1",
   "description": "A library for building decky plugins",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

src/utils/react.ts

@@ -58,13 +58,25 @@ export function wrapReactClass(node: any, prop: any = 'type') {
     return node[prop];
   } else {
     const cls = node[prop];
-    const wrappedCls = class extends cls { static __DECKY_WRAPPED = true; };
+    const wrappedCls = class extends cls {
+      static __DECKY_WRAPPED = true;
+    };
     return (node[prop] = wrappedCls);
   }
 }
 
+export function getReactRoot(o: HTMLElement | Element | Node) {
+  return (
+    o[Object.keys(o).find((k) => k.startsWith('__reactContainer$')) as string] ||
+    o['_reactRootContainer']?._internalRoot?.current
+  );
+}
+
 export function getReactInstance(o: HTMLElement | Element | Node) {
-  return o[Object.keys(o).find((k) => k.startsWith('__reactInternalInstance')) as string];
+  return (
+    o[Object.keys(o).find((k) => k.startsWith('__reactFiber')) as string] ||
+    o[Object.keys(o).find((k) => k.startsWith('__reactInternalInstance')) as string]
+  );
 }
 
 // Based on https://github.com/GooseMod/GooseMod/blob/9ef146515a9e59ed4e25665ed365fd72fc0dcf23/src/util/react.js#L20