update dependencies

frontend/src/components/DeckyToaster.tsx

@@ -1,7 +1,6 @@
 import type { ToastData } from '@decky/api';
 import { joinClassNames } from '@decky/ui';
-import { FC, useEffect, useState } from 'react';
-import { ReactElement } from 'react-markdown/lib/react-markdown';
+import { FC, useEffect, useState, ReactElement } from 'react';
 
 import { useDeckyToasterState } from './DeckyToasterState';
 import Toast, { toastClasses } from './Toast';
@@ -20,7 +19,7 @@ const DeckyToaster: FC<DeckyToasterProps> = () => {
   if (toasts.size > 0) {
     const [activeToast] = toasts;
     if (!renderedToast || activeToast != renderedToast.data) {
-      // TODO play toast sound
+      // TODO play toast soundReactElement
       console.log('rendering toast', activeToast);
       setRenderedToast({ component: <Toast key={Math.random()} toast={activeToast} />, data: activeToast });
     }

frontend/src/components/Markdown.tsx

@@ -13,8 +13,8 @@ const Markdown: FunctionComponent<MarkdownProps> = (props) => {
       <ReactMarkdown
         remarkPlugins={[remarkGfm]}
         components={{
-          div: (nodeProps) => <Focusable {...nodeProps.node.properties}>{nodeProps.children}</Focusable>,
-          a: (nodeProps) => {
+          div: (nodeProps: any) => <Focusable {...nodeProps.node.properties}>{nodeProps.children}</Focusable>,
+          a: (nodeProps: any) => {
             const aRef = useRef<HTMLAnchorElement>(null);
             return (
               // TODO fix focus ring

frontend/src/index.ts

@@ -8,7 +8,7 @@ interface Window {
   if (!window.SP_REACT) {
     console.debug('[Decky:Boot] Setting up React globals...');
     // deliberate partial import
-    const DFLWebpack = await import('decky-frontend-lib/dist/webpack');
+    const DFLWebpack = await import('@decky/ui/dist/webpack');
     window.SP_REACT = DFLWebpack.findModule((m) => m.Component && m.PureComponent && m.useLayoutEffect);
     window.SP_REACTDOM = DFLWebpack.findModule((m) => m.createPortal && m.createRoot);
   }

frontend/src/router-hook.tsx

@@ -59,7 +59,7 @@ class RouterHook extends Logger {
       if (routes) {
         if (!routeList[routerIndex - 1]?.length || routeList[routerIndex - 1]?.length !== routes.size) {
           if (routeList[routerIndex - 1]?.length && routeList[routerIndex - 1].length !== routes.size) routerIndex--;
-          const newRouterArray: ReactElement[] = [];
+          const newRouterArray: (ReactElement | JSX.Element)[] = [];
           routes.forEach(({ component, props }, path) => {
             newRouterArray.push(
               <Route path={path} {...props}>