bump @types/[email protected]

extension/data/components/PageNotificationContainer.tsx

@@ -20,15 +20,21 @@ export function PageNotificationContainer () {
 
     // Register listener for messages from the background page
     useEffect(() => {
-        const messageListener = (message: any) => {
-            if (message.action === 'tb-show-page-notification') {
+        const messageListener = (message: unknown) => {
+            // TODO: we need proper types for these messages
+            if ((message as any).action === 'tb-show-page-notification') {
                 // Add to beginning of list so it shows up on top
                 // TODO: wouldn't it be better to do this via `flex-direction`?
-                setNotifications([message.details, ...notifications]);
-            } else if (message.action === 'tb-clear-page-notification') {
+                setNotifications([(message as any).details, ...notifications]);
+            } else if ((message as any).action === 'tb-clear-page-notification') {
                 // Remove the notification from the list
-                setNotifications(notifications.filter(notif => notif.id !== message.id));
+                setNotifications(notifications.filter(notif => notif.id !== (message as any).id));
             }
+
+            // `@types/webextension-polyfill` wants us to explicitly return
+            // `undefined` from synchronous listeners to indicate that we're not
+            // doing any async stuff relying on the `sendResponse` param
+            return undefined;
         };
 
         browser.runtime.onMessage.addListener(messageListener);

extension/data/tbapi.ts

@@ -75,7 +75,8 @@ export const sendRequest = async ({
     okOnly,
 }: RequestOptions) => {
     // Make the request
-    const messageReply = await browser.runtime.sendMessage({
+    // TODO: types for runtime messages
+    const messageReply: any = await browser.runtime.sendMessage({
         action: 'tb-request',
         method,
         endpoint,

package.json

@@ -45,7 +45,7 @@
         "@types/jquery.timeago": "^1.0.33",
         "@types/react": "^18.3.0",
         "@types/react-dom": "^18.3.0",
-        "@types/webextension-polyfill": "^0.10.7",
+        "@types/webextension-polyfill": "^0.12.1",
         "cross-env": "^7.0.3",
         "del-cli": "^6.0.0",
         "docdash": "^2.0.2",