From b4e1c8293dfe8e18ed2fa17d5fff3223c3396bb7 Mon Sep 17 00:00:00 2001
From: David Lechner <david@pybricks.com>
Date: Thu, 1 Sep 2022 11:45:59 -0500
Subject: [PATCH] replace use of deprecated IRef

---
 .../installPybricksDialog/InstallPybricksDialog.tsx   |  3 +--
 src/toolbar/ActionButton.tsx                          | 11 ++---------
 src/toolbar/OpenFileButton.tsx                        |  4 ++--
 3 files changed, 5 insertions(+), 13 deletions(-)

diff --git a/src/firmware/installPybricksDialog/InstallPybricksDialog.tsx b/src/firmware/installPybricksDialog/InstallPybricksDialog.tsx
index c869cc1f..0827090e 100644
--- a/src/firmware/installPybricksDialog/InstallPybricksDialog.tsx
+++ b/src/firmware/installPybricksDialog/InstallPybricksDialog.tsx
@@ -11,7 +11,6 @@ import {
     ControlGroup,
     DialogStep,
     FormGroup,
-    IRef,
     Icon,
     InputGroup,
     Intent,
@@ -129,7 +128,7 @@ const SelectHubPanel: React.VoidFunctionComponent = () => {
                 }
                 renderTarget={({ isOpen: _isOpen, ref, ...targetProps }) => (
                     <Button
-                        elementRef={ref as IRef<HTMLButtonElement>}
+                        elementRef={ref as React.Ref<HTMLButtonElement>}
                         {...targetProps}
                     >
                         {i18n.translate('selectHubPanel.notOnListButton.label')}
diff --git a/src/toolbar/ActionButton.tsx b/src/toolbar/ActionButton.tsx
index 2ce0dba9..8c76ffa5 100644
--- a/src/toolbar/ActionButton.tsx
+++ b/src/toolbar/ActionButton.tsx
@@ -1,14 +1,7 @@
 // SPDX-License-Identifier: MIT
 // Copyright (c) 2020-2022 The Pybricks Authors
 
-import {
-    Button,
-    IRef,
-    Intent,
-    Spinner,
-    SpinnerSize,
-    useHotkeys,
-} from '@blueprintjs/core';
+import { Button, Intent, Spinner, SpinnerSize, useHotkeys } from '@blueprintjs/core';
 import { Tooltip2 } from '@blueprintjs/popover2';
 import React, { useEffect, useMemo, useState } from 'react';
 import { tooltipDelay } from '../app/constants';
@@ -100,7 +93,7 @@ const ActionButton: React.VoidFunctionComponent<ActionButtonProps> = ({
                 <Button
                     id={id}
                     aria-label={label}
-                    elementRef={tooltipTargetRef as IRef<HTMLButtonElement>}
+                    elementRef={tooltipTargetRef as React.Ref<HTMLButtonElement>}
                     {...tooltipTargetProps}
                     // https://github.com/palantir/blueprint/pull/5300
                     aria-haspopup={undefined}
diff --git a/src/toolbar/OpenFileButton.tsx b/src/toolbar/OpenFileButton.tsx
index 21857c84..35107d75 100644
--- a/src/toolbar/OpenFileButton.tsx
+++ b/src/toolbar/OpenFileButton.tsx
@@ -1,7 +1,7 @@
 // SPDX-License-Identifier: MIT
 // Copyright (c) 2020-2022 The Pybricks Authors
 
-import { Button, IRef, Intent, Spinner, SpinnerSize } from '@blueprintjs/core';
+import { Button, Intent, Spinner, SpinnerSize } from '@blueprintjs/core';
 import { Tooltip2 } from '@blueprintjs/popover2';
 import React, { useEffect, useState } from 'react';
 import { useDropzone } from 'react-dropzone';
@@ -116,7 +116,7 @@ const OpenFileButton: React.VoidFunctionComponent<OpenFileButtonProps> = ({
                         id,
                         'aria-label': label,
                         refKey: 'elementRef',
-                        elementRef: tooltipTargetRef as IRef<HTMLButtonElement>,
+                        elementRef: tooltipTargetRef as React.Ref<HTMLButtonElement>,
                         ...tooltipTargetProps,
                         // https://github.com/palantir/blueprint/pull/5300
                         'aria-haspopup': undefined,