diff --git a/src/project/project-actions.tsx b/src/project/project-actions.tsx
index 8405f36a9..f370e1f60 100644
--- a/src/project/project-actions.tsx
+++ b/src/project/project-actions.tsx
@@ -875,9 +875,7 @@ export class ProjectActions {
     this.save(finalFocusRef, true);
   }
 
-  private async handleClearConnectError(
-    finalFocusRef: React.RefObject<HTMLButtonElement>
-  ) {
+  private async handleClearConnectError(finalFocusRef: FinalFocusRef) {
     return this.dialogs.show<void>((callback) => (
       <WebUSBErrorDialog
         callback={callback}
@@ -897,9 +895,7 @@ export class ProjectActions {
       />
     ));
   }
-  private async handleReconnectMicrobitError(
-    finalFocusRef: React.RefObject<HTMLButtonElement>
-  ) {
+  private async handleReconnectMicrobitError(finalFocusRef: FinalFocusRef) {
     return this.dialogs.show<void>((callback) => (
       <WebUSBErrorDialog
         callback={callback}
@@ -910,9 +906,7 @@ export class ProjectActions {
     ));
   }
 
-  private async handleTimeoutError(
-    finalFocusRef: React.RefObject<HTMLButtonElement>
-  ) {
+  private async handleTimeoutError(finalFocusRef: FinalFocusRef) {
     return this.dialogs.show<void>((callback) => (
       <WebUSBErrorDialog
         callback={callback}
diff --git a/src/workbench/connect-dialogs/WebUSBErrorDialog.tsx b/src/workbench/connect-dialogs/WebUSBErrorDialog.tsx
index c707ebf4c..bf7288ead 100644
--- a/src/workbench/connect-dialogs/WebUSBErrorDialog.tsx
+++ b/src/workbench/connect-dialogs/WebUSBErrorDialog.tsx
@@ -8,10 +8,11 @@ import { HStack, Text, VStack } from "@chakra-ui/react";
 import { ReactNode, useCallback } from "react";
 import { FormattedMessage } from "react-intl";
 import { GenericDialog } from "../../common/GenericDialog";
+import { FinalFocusRef } from "../../project/project-actions";
 
 interface WebUSBErrorDialogProps {
   callback: () => void;
-  finalFocusRef: React.RefObject<HTMLButtonElement>;
+  finalFocusRef: FinalFocusRef;
   title: ReactNode;
   description: ReactNode;
 }