@decky/ui 4.11.6 → 4.12.1

package/dist/components/ControlsList.js

@@ -1,2 +1,2 @@
 import { findModuleExport } from '../webpack';
-export const ControlsList = findModuleExport((e) => e?.toString && e.toString().includes('().ControlsListChild') && e.toString().includes('().ControlsListOuterPanel'));
+export const ControlsList = findModuleExport((e) => e?.toString && e.toString?.().includes('().ControlsListChild') && e.toString?.().includes('().ControlsListOuterPanel'));

package/dist/components/Field.js

@@ -1,2 +1,2 @@
 import { findModuleExport } from '../webpack';
-export const Field = findModuleExport((e) => (e?.toString()?.includes('().Field') && e?.toString()?.includes('"shift-children-below"')) || e?.render?.toString()?.includes('"shift-children-below"'));
+export const Field = findModuleExport((e) => (e?.toString?.()?.includes('().Field') && e?.toString?.()?.includes('"shift-children-below"')) || e?.render?.toString()?.includes('"shift-children-below"'));

package/dist/components/Focusable.js

@@ -1,4 +1,4 @@
 import { findModuleExport } from '../webpack';
 import { createPropListRegex } from '../utils';
 const focusableRegex = createPropListRegex(["flow-children", "onActivate", "onCancel", "focusClassName", "focusWithinClassName"]);
-export const Focusable = findModuleExport((e) => (typeof e == 'function' && e?.toString && focusableRegex.test(e.toString())) || (e?.render?.toString && focusableRegex.test(e.render.toString())));
+export const Focusable = findModuleExport((e) => (typeof e == 'function' && e?.toString && focusableRegex.test(e.toString?.())) || (e?.render?.toString && focusableRegex.test(e.render.toString())));

package/dist/components/Marquee.js

@@ -1,2 +1,2 @@
 import { findModuleExport } from '../webpack';
-export const Marquee = findModuleExport((e) => e?.toString && e.toString().includes('.Marquee') && e.toString().includes('--fade-length'));
+export const Marquee = findModuleExport((e) => e?.toString && e.toString?.().includes('.Marquee') && e.toString?.().includes('--fade-length'));

package/dist/components/Menu.js

@@ -1,11 +1,11 @@
 import { findModuleByExport, findModuleDetailsByExport, findModuleExport } from '../webpack';
 export const showContextMenu = findModuleExport((e) => typeof e === 'function' &&
-    e.toString().includes('GetContextMenuManagerFromWindow(') &&
-    e.toString().includes('.CreateContextMenuInstance('));
+    e.toString?.().includes('GetContextMenuManagerFromWindow(') &&
+    e.toString?.().includes('.CreateContextMenuInstance('));
 const MenuModule = findModuleDetailsByExport((e) => e?.render?.toString()?.includes('bPlayAudio:') || (e?.prototype?.OnOKButton && e?.prototype?.OnMouseEnter));
 export const Menu = findModuleExport((e) => e?.prototype?.HideIfSubmenu && e?.prototype?.HideMenu) ||
-    Object.values(MenuModule?.[0] ?? {}).find((e) => e?.toString()?.includes?.(`useId`) && e?.toString()?.includes?.(`labelId`));
-const MenuGoupModule = findModuleByExport(e => e?.prototype?.Focus && e?.prototype?.OnOKButton && e?.prototype?.render?.toString().includes?.(`"emphasis"==this.props.tone`));
-export const MenuGroup = MenuGoupModule && Object.values(MenuGoupModule).find((e) => typeof e == "function" && e?.toString?.()?.includes("bInGamepadUI:"));
+    Object.values(MenuModule?.[0] ?? {}).find((e) => e?.toString?.()?.includes?.(`useId`) && e?.toString?.()?.includes?.(`labelId`));
+const MenuGroupModule = findModuleByExport(e => e?.prototype?.Focus && e?.prototype?.OnOKButton && (e?.prototype?.render?.toString().includes?.(`this.props.tone=="emphasis"`) || e?.prototype?.render?.toString().includes?.(`"emphasis"==this.props.tone`)));
+export const MenuGroup = MenuGroupModule && Object.values(MenuGroupModule).find((e) => typeof e == "function" && e?.toString?.()?.includes("bInGamepadUI:"));
 export const MenuItem = MenuModule?.[1];
-export const MenuSeparator = findModuleExport((e) => typeof e === 'function' && /className:.+?\.ContextMenuSeparator/.test(e.toString()));
+export const MenuSeparator = findModuleExport((e) => typeof e === 'function' && /className:.+?\.ContextMenuSeparator/.test(e.toString?.()));

package/dist/components/Modal.js

@@ -1,6 +1,6 @@
 import { findSP } from '../utils';
 import { findModule, findModuleDetailsByExport, findModuleExport } from '../webpack';
-const showModalRaw = findModuleExport((e) => typeof e === 'function' && e.toString().includes('props.bDisableBackgroundDismiss') && !e?.prototype?.Cancel);
+const showModalRaw = findModuleExport((e) => typeof e === 'function' && e.toString?.().includes('props.bDisableBackgroundDismiss') && !e?.prototype?.Cancel);
 export const showModal = (modal, parent, props = {
     strTitle: 'Decky Dialog',
     bHideMainWindowForPopouts: false,
@@ -9,8 +9,8 @@ export const showModal = (modal, parent, props = {
         bHideActions: props.bHideActionIcons,
     });
 };
-export const ConfirmModal = findModuleExport((e) => e?.toString()?.includes('bUpdateDisabled') && e?.toString()?.includes('closeModal') && e?.toString()?.includes('onGamepadCancel'));
-export const ModalRoot = findModuleExport((e) => typeof e === 'function' && e.toString().includes('Either closeModal or onCancel should be passed to GenericDialog. Classes: ')) ||
+export const ConfirmModal = findModuleExport((e) => e?.toString?.()?.includes('bUpdateDisabled') && e?.toString?.()?.includes('closeModal') && e?.toString?.()?.includes('onGamepadCancel'));
+export const ModalRoot = findModuleExport((e) => typeof e === 'function' && e.toString?.().includes('Either closeModal or onCancel should be passed to GenericDialog. Classes: ')) ||
     Object.values(findModule((m) => {
         if (typeof m !== 'object')
             return false;
@@ -21,7 +21,7 @@ export const ModalRoot = findModuleExport((e) => typeof e === 'function' && e.to
         }
         return false;
     }) || {})?.find((x) => x?.type?.toString?.()?.includes('((function(){'));
-const [ModalModule, _ModalPosition] = findModuleDetailsByExport((e) => e?.toString().includes('.ModalPosition'), 5);
+const [ModalModule, _ModalPosition] = findModuleDetailsByExport((e) => e?.toString?.().includes('.ModalPosition'), 5);
 const ModalModuleProps = ModalModule ? Object.values(ModalModule) : [];
 export const SimpleModal = ModalModuleProps.find((prop) => {
     const string = prop?.toString();

package/dist/components/Panel.js

@@ -1,4 +1,4 @@
 import { findModuleDetailsByExport } from '../webpack';
-const [mod, panelSection] = findModuleDetailsByExport((e) => e.toString()?.includes('.PanelSection'));
+const [mod, panelSection] = findModuleDetailsByExport((e) => e.toString?.()?.includes('.PanelSection'));
 export const PanelSection = panelSection;
 export const PanelSectionRow = Object.values(mod).filter((exp) => !exp?.toString?.()?.includes('.PanelSection'))[0];

package/dist/components/ProgressBar.js

@@ -1,6 +1,6 @@
 import { findModuleExport } from '../webpack';
 import { createPropListRegex } from '../utils';
-export const ProgressBar = findModuleExport((e) => e?.toString?.()?.includes('.ProgressBar,"standard"=='));
+export const ProgressBar = findModuleExport((e) => e?.toString && /\.ProgressBar,(?:\w*==)?"standard"(?:==)?/.test(e.toString?.()));
 export const ProgressBarWithInfo = findModuleExport((e) => e?.toString?.()?.includes('.ProgressBarFieldStatus,children') || e?.toString?.()?.includes('.ProgressBarFieldStatus},'));
 const progressBarItemRegex = createPropListRegex(["indeterminate", "nTransitionSec", "nProgress"]);
-export const ProgressBarItem = findModuleExport((e) => e?.toString && progressBarItemRegex.test(e.toString()));
+export const ProgressBarItem = findModuleExport((e) => e?.toString && progressBarItemRegex.test(e.toString?.()));

package/dist/components/SidebarNavigation.js

@@ -1,4 +1,4 @@
 import { findModuleExport } from '../webpack';
 import { createPropListRegex } from '../utils';
 const sidebarNavigationRegex = createPropListRegex(["pages", "fnSetNavigateToPage", "disableRouteReporting"]);
-export const SidebarNavigation = findModuleExport((e) => e?.toString && sidebarNavigationRegex.test(e.toString()));
+export const SidebarNavigation = findModuleExport((e) => e?.toString && sidebarNavigationRegex.test(e.toString?.()));

package/dist/custom-components/ReorderableList.d.ts

@@ -13,6 +13,7 @@ export type ReorderableListProps<T> = {
     }>;
     fieldProps?: FieldProps;
     animate?: boolean;
+    disableReordering?: boolean;
 };
 export declare function ReorderableList<T>(props: ReorderableListProps<T>): import("react/jsx-runtime").JSX.Element;
 export type ReorderableListEntryProps<T> = {

package/dist/custom-components/ReorderableList.js

@@ -9,7 +9,15 @@ export function ReorderableList(props) {
     useEffect(() => {
         setEntryList([...props.entries].sort((a, b) => a.position - b.position));
     }, [props.entries]);
+    useEffect(() => {
+        if (props.disableReordering && reorderEnabled) {
+            setReorderEnabled(false);
+            props.onSave(entryList);
+        }
+    }, [props.disableReordering, reorderEnabled, entryList]);
     function toggleReorderEnabled() {
+        if (props.disableReordering)
+            return;
         let newReorderValue = !reorderEnabled;
         setReorderEnabled(newReorderValue);
         if (!newReorderValue) {
@@ -32,7 +40,7 @@ export function ReorderableList(props) {
                 flexDirection: 'column',
                 justifyContent: 'flex-start',
                 alignContent: 'stretch',
-            }, children: _jsx(Focusable, { onSecondaryButton: toggleReorderEnabled, onSecondaryActionDescription: reorderEnabled ? 'Save Order' : 'Reorder', onClick: toggleReorderEnabled, onButtonDown: saveOnBackout, children: entryList.map((entry) => (_jsx(ReorderableItem, { animate: props.animate, listData: entryList, entryData: entry, reorderEntryFunc: setEntryList, reorderEnabled: reorderEnabled, fieldProps: props.fieldProps, children: props.interactables ? _jsx(props.interactables, { entry: entry }) : null }))) }) }) }));
+            }, children: _jsx(Focusable, { onSecondaryButton: props.disableReordering ? undefined : toggleReorderEnabled, onSecondaryActionDescription: props.disableReordering ? undefined : reorderEnabled ? 'Save Order' : 'Reorder', onClick: props.disableReordering ? undefined : toggleReorderEnabled, onButtonDown: saveOnBackout, children: entryList.map((entry) => (_jsx(ReorderableItem, { animate: props.animate, listData: entryList, entryData: entry, reorderEntryFunc: setEntryList, reorderEnabled: reorderEnabled, fieldProps: props.fieldProps, children: props.interactables ? _jsx(props.interactables, { entry: entry }) : null }))) }) }) }));
 }
 function ReorderableItem(props) {
     const [isSelected, _setIsSelected] = useState(false);

package/dist/deck-hooks/useParams.js

@@ -1,2 +1,2 @@
 import { ReactRouter } from '../webpack';
-export const useParams = Object.values(ReactRouter).find((val) => /return (\w)\?\1\.params:{}/.test(`${val}`));
+export const useParams = Object.values(ReactRouter).find((val) => /return (\w*)\?\1\.params:{}/.test(`${val}`));

package/dist/webpack.js

@@ -59,7 +59,7 @@ export const findModuleDetailsByExport = (filter, minExports) => {
                         }
                     }
                     catch (e) {
-                        logger.warn("Webpack filter threw exception: ", e);
+                        logger.warn("Webpack filter threw exception: ", e, "Filter: ", filter);
                     }
                 }
             }
@@ -117,5 +117,5 @@ export const CommonUIModule = findModule((m) => {
     }
     return false;
 });
-export const IconsModule = findModuleByExport((e) => e?.toString && /Spinner\),children:\[\(0,\w+\.jsx\)\("path",\{d:"M18 /.test(e.toString()) || /Spinner\)}\)?,.\.createElement\(\"path\",{d:\"M18 /.test(e.toString()));
+export const IconsModule = findModuleByExport((e) => e?.toString && /Spinner\),children:\[\(0,\w+\.jsx\)\("path",\{d:"M18 /.test(e.toString?.()) || /Spinner\)}\)?,.\.createElement\(\"path\",{d:\"M18 /.test(e.toString?.()));
 export const ReactRouter = findModuleByExport((e) => e.computeRootMatch);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decky/ui",
-  "version": "4.11.6",
+  "version": "4.12.1",
   "description": "A library for interacting with the Steam frontend in Decky plugins and elsewhere.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/ControlsList.ts

@@ -10,5 +10,5 @@ export interface ControlsListProps {
 
 export const ControlsList: FC<ControlsListProps> = findModuleExport(
   (e: Export) =>
-    e?.toString && e.toString().includes('().ControlsListChild') && e.toString().includes('().ControlsListOuterPanel'),
+    e?.toString && e.toString?.().includes('().ControlsListChild') && e.toString?.().includes('().ControlsListOuterPanel'),
 );

package/src/components/Field.ts

@@ -25,6 +25,6 @@ export interface FieldProps extends FooterLegendProps {
 }
 
 // new || old
-export const Field = findModuleExport((e: Export) => (e?.toString()?.includes('().Field') && e?.toString()?.includes('"shift-children-below"')) || e?.render?.toString()?.includes('"shift-children-below"')) as FC<
+export const Field = findModuleExport((e: Export) => (e?.toString?.()?.includes('().Field') && e?.toString?.()?.includes('"shift-children-below"')) || e?.render?.toString()?.includes('"shift-children-below"')) as FC<
   FieldProps & RefAttributes<HTMLDivElement>
 >;

package/src/components/Focusable.ts

@@ -17,5 +17,5 @@ export interface FocusableProps extends HTMLAttributes<HTMLDivElement>, FooterLe
 const focusableRegex = createPropListRegex(["flow-children", "onActivate", "onCancel", "focusClassName", "focusWithinClassName"]);
 
 export const Focusable = findModuleExport((e: Export) =>
-  (typeof e == 'function' && e?.toString && focusableRegex.test(e.toString())) || (e?.render?.toString && focusableRegex.test(e.render.toString()))
+  (typeof e == 'function' && e?.toString && focusableRegex.test(e.toString?.())) || (e?.render?.toString && focusableRegex.test(e.render.toString()))
 ) as FC<FocusableProps & RefAttributes<HTMLDivElement>>;

package/src/components/Marquee.ts

@@ -16,5 +16,5 @@ export interface MarqueeProps {
 }
 
 export const Marquee: FC<MarqueeProps> = findModuleExport(
-  (e: Export) => e?.toString && e.toString().includes('.Marquee') && e.toString().includes('--fade-length'),
+  (e: Export) => e?.toString && e.toString?.().includes('.Marquee') && e.toString?.().includes('--fade-length'),
 );

package/src/components/Menu.ts

@@ -123,8 +123,8 @@ export const showContextMenu: (
 ) => ContextMenuInstance = findModuleExport(
   (e: Export) =>
     typeof e === 'function' &&
-    e.toString().includes('GetContextMenuManagerFromWindow(') &&
-    e.toString().includes('.CreateContextMenuInstance('),
+    e.toString?.().includes('GetContextMenuManagerFromWindow(') &&
+    e.toString?.().includes('.CreateContextMenuInstance('),
 );
 
 export interface MenuProps extends FooterLegendProps {
@@ -138,7 +138,7 @@ const MenuModule = findModuleDetailsByExport((e: Export) => e?.render?.toString(
 
 export const Menu: FC<MenuProps> =
 	findModuleExport((e: Export) => e?.prototype?.HideIfSubmenu && e?.prototype?.HideMenu) || // Legacy Menu
-	(Object.values(MenuModule?.[0] ?? {}).find((e) => e?.toString()?.includes?.(`useId`) && e?.toString()?.includes?.(`labelId`)) as FC<MenuProps>); // New Menu 6/15/2025
+	(Object.values(MenuModule?.[0] ?? {}).find((e) => e?.toString?.()?.includes?.(`useId`) && e?.toString?.()?.includes?.(`labelId`)) as FC<MenuProps>); // New Menu 6/15/2025
 
 export interface MenuGroupProps {
   label: string;
@@ -146,8 +146,9 @@ export interface MenuGroupProps {
   children?: ReactNode;
 }
 
-const MenuGoupModule = findModuleByExport(e => e?.prototype?.Focus && e?.prototype?.OnOKButton && e?.prototype?.render?.toString().includes?.(`"emphasis"==this.props.tone`));
-export const MenuGroup: FC<MenuGroupProps> = MenuGoupModule && Object.values(MenuGoupModule).find((e: Export) => typeof e == "function" && e?.toString?.()?.includes("bInGamepadUI:"));
+// New || Old 9/14/2026
+const MenuGroupModule = findModuleByExport(e => e?.prototype?.Focus && e?.prototype?.OnOKButton && (e?.prototype?.render?.toString().includes?.(`this.props.tone=="emphasis"`) || e?.prototype?.render?.toString().includes?.(`"emphasis"==this.props.tone`)));
+export const MenuGroup: FC<MenuGroupProps> = MenuGroupModule && Object.values(MenuGroupModule).find((e: Export) => typeof e == "function" && e?.toString?.()?.includes("bInGamepadUI:"));
 export interface MenuItemProps extends FooterLegendProps {
   bInteractableItem?: boolean;
   onClick?(evt: Event): void;
@@ -164,7 +165,7 @@ export interface MenuItemProps extends FooterLegendProps {
 export const MenuItem: FC<MenuItemProps> = MenuModule?.[1];
 
 export const MenuSeparator: FC = findModuleExport(
-  (e: Export) => typeof e === 'function' && /className:.+?\.ContextMenuSeparator/.test(e.toString()),
+  (e: Export) => typeof e === 'function' && /className:.+?\.ContextMenuSeparator/.test(e.toString?.()),
 );
 
 /*

package/src/components/Modal.ts

@@ -39,7 +39,7 @@ const showModalRaw: (
   modalManager?: unknown,
 ) => ShowModalResult = findModuleExport(
   (e: Export) =>
-    typeof e === 'function' && e.toString().includes('props.bDisableBackgroundDismiss') && !e?.prototype?.Cancel,
+    typeof e === 'function' && e.toString?.().includes('props.bDisableBackgroundDismiss') && !e?.prototype?.Cancel,
 );
 
 export const showModal = (
@@ -83,12 +83,12 @@ export interface ConfirmModalProps extends ModalRootProps {
 }
 
 export const ConfirmModal = findModuleExport(
-  (e: Export) => e?.toString()?.includes('bUpdateDisabled') && e?.toString()?.includes('closeModal') && e?.toString()?.includes('onGamepadCancel'),
+  (e: Export) => e?.toString?.()?.includes('bUpdateDisabled') && e?.toString?.()?.includes('closeModal') && e?.toString?.()?.includes('onGamepadCancel'),
 ) as FC<ConfirmModalProps>;
 
 export const ModalRoot = 
   // new
-  findModuleExport((e: Export) => typeof e === 'function' && e.toString().includes('Either closeModal or onCancel should be passed to GenericDialog. Classes: ')) || 
+  findModuleExport((e: Export) => typeof e === 'function' && e.toString?.().includes('Either closeModal or onCancel should be passed to GenericDialog. Classes: ')) || 
   // old
   Object.values(
     findModule((m: any) => {
@@ -109,7 +109,7 @@ interface SimpleModalProps {
   children: ReactNode;
 }
 
-const [ModalModule, _ModalPosition] = findModuleDetailsByExport((e: Export) => e?.toString().includes('.ModalPosition'), 5)
+const [ModalModule, _ModalPosition] = findModuleDetailsByExport((e: Export) => e?.toString?.().includes('.ModalPosition'), 5)
 
 const ModalModuleProps = ModalModule ? Object.values(ModalModule) : [];
 

package/src/components/Panel.ts

@@ -14,7 +14,7 @@ export interface PanelSectionProps {
   children?: ReactNode;
 }
 
-const [mod, panelSection] = findModuleDetailsByExport((e: Export) => e.toString()?.includes('.PanelSection'));
+const [mod, panelSection] = findModuleDetailsByExport((e: Export) => e.toString?.()?.includes('.PanelSection'));
 
 export const PanelSection = panelSection as FC<PanelSectionProps>;
 

package/src/components/ProgressBar.ts

@@ -24,7 +24,7 @@ export interface ProgressBarWithInfoProps extends ProgressBarItemProps {
 }
 
 export const ProgressBar = findModuleExport((e: Export) =>
-  e?.toString?.()?.includes('.ProgressBar,"standard"=='),
+  e?.toString && /\.ProgressBar,(?:\w*==)?"standard"(?:==)?/.test(e.toString?.()),
 ) as FC<ProgressBarProps>;
 
 export const ProgressBarWithInfo = findModuleExport((e: Export) =>
@@ -34,5 +34,5 @@ export const ProgressBarWithInfo = findModuleExport((e: Export) =>
 
 const progressBarItemRegex = createPropListRegex(["indeterminate", "nTransitionSec", "nProgress"]);
 export const ProgressBarItem = findModuleExport((e: Export) =>
-  e?.toString && progressBarItemRegex.test(e.toString()),
+  e?.toString && progressBarItemRegex.test(e.toString?.()),
 ) as FC<ProgressBarItemProps>;

package/src/components/SidebarNavigation.ts

@@ -26,5 +26,5 @@ export interface SidebarNavigationProps {
 
 const sidebarNavigationRegex = createPropListRegex(["pages", "fnSetNavigateToPage", "disableRouteReporting"]);
 export const SidebarNavigation = findModuleExport((e: Export) =>
-  e?.toString && sidebarNavigationRegex.test(e.toString()),
+  e?.toString && sidebarNavigationRegex.test(e.toString?.()),
 ) as FC<SidebarNavigationProps>;

package/src/custom-components/ReorderableList.tsx

@@ -18,6 +18,7 @@ export type ReorderableEntry<T> = {
  * Properties for a ReorderableList component of type <T>.
  *
  * @param animate If the list should animate. @default true
+ * @param disableReordering If true, prevents entering reordering mode and hides reorder instructions. @default false
  */
 export type ReorderableListProps<T> = {
   entries: ReorderableEntry<T>[];
@@ -25,6 +26,7 @@ export type ReorderableListProps<T> = {
   interactables?: JSXElementConstructor<{ entry: ReorderableEntry<T> }>;
   fieldProps?: FieldProps;
   animate?: boolean;
+  disableReordering?: boolean;
 };
 
 /**
@@ -43,7 +45,16 @@ export function ReorderableList<T>(props: ReorderableListProps<T>) {
     setEntryList([...props.entries].sort((a: ReorderableEntry<T>, b: ReorderableEntry<T>) => a.position - b.position));
   }, [props.entries]);
 
+  useEffect(() => {
+    if (props.disableReordering && reorderEnabled) {
+      setReorderEnabled(false);
+      props.onSave(entryList);
+    }
+  }, [props.disableReordering, reorderEnabled, entryList]);
+
   function toggleReorderEnabled(): void {
+    if (props.disableReordering) return;
+
     let newReorderValue = !reorderEnabled;
     setReorderEnabled(newReorderValue);
 
@@ -75,9 +86,9 @@ export function ReorderableList<T>(props: ReorderableListProps<T>) {
         }}
       >
         <Focusable
-          onSecondaryButton={toggleReorderEnabled}
-          onSecondaryActionDescription={reorderEnabled ? 'Save Order' : 'Reorder'}
-          onClick={toggleReorderEnabled}
+          onSecondaryButton={props.disableReordering ? undefined : toggleReorderEnabled}
+          onSecondaryActionDescription={props.disableReordering ? undefined : reorderEnabled ? 'Save Order' : 'Reorder'}
+          onClick={props.disableReordering ? undefined : toggleReorderEnabled}
           onButtonDown={saveOnBackout}
         >
           {entryList.map((entry: ReorderableEntry<T>) => (

package/src/deck-hooks/useParams.ts

@@ -10,6 +10,6 @@ import { ReactRouter } from '../webpack';
  *
  * const { appid } = useParams<{ appid: string }>()
  */
-export const useParams = Object.values(ReactRouter).find((val) => /return (\w)\?\1\.params:{}/.test(`${val}`)) as <
+export const useParams = Object.values(ReactRouter).find((val) => /return (\w*)\?\1\.params:{}/.test(`${val}`)) as <
   T,
 >() => T;

package/src/webpack.ts

@@ -85,7 +85,7 @@ export const findModuleDetailsByExport = (
               continue;
             }
           } catch (e) {
-            logger.warn("Webpack filter threw exception: ", e);
+            logger.warn("Webpack filter threw exception: ", e, "Filter: ", filter);
           }
         }
       }
@@ -154,7 +154,7 @@ export const CommonUIModule = findModule((m: Module) => {
 });
 
 export const IconsModule = findModuleByExport(
-  (e) => e?.toString && /Spinner\),children:\[\(0,\w+\.jsx\)\("path",\{d:"M18 /.test(e.toString()) || /Spinner\)}\)?,.\.createElement\(\"path\",{d:\"M18 /.test(e.toString()),
+  (e) => e?.toString && /Spinner\),children:\[\(0,\w+\.jsx\)\("path",\{d:"M18 /.test(e.toString?.()) || /Spinner\)}\)?,.\.createElement\(\"path\",{d:\"M18 /.test(e.toString?.()),
 );
 
 export const ReactRouter = findModuleByExport((e) => e.computeRootMatch);