fix(app): update software keyboard ref type (#14860)

* fix(app): update software keyboard ref type
Opentrons · Apr 12, 2024 · b0fb14f · b0fb14f
1 parent aba93f1
commit b0fb14f
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 5 deletions.
diff --git a/app/src/atoms/SoftwareKeyboard/AlphanumericKeyboard/index.tsx b/app/src/atoms/SoftwareKeyboard/AlphanumericKeyboard/index.tsx
@@ -1,14 +1,15 @@
 import * as React from 'react'
 import Keyboard from 'react-simple-keyboard'
 import { alphanumericKeyboardLayout, customDisplay } from '../constants'
+import type { KeyboardReactInterface } from 'react-simple-keyboard'
 
 import '../index.css'
 import './index.css'
 
 // TODO (kk:04/05/2024) add debug to make debugging easy
 interface AlphanumericKeyboardProps {
   onChange: (input: string) => void
-  keyboardRef: React.MutableRefObject<any>
+  keyboardRef: React.MutableRefObject<KeyboardReactInterface | null>
   debug?: boolean
 }
 

diff --git a/app/src/atoms/SoftwareKeyboard/FullKeyboard/index.tsx b/app/src/atoms/SoftwareKeyboard/FullKeyboard/index.tsx
@@ -1,14 +1,15 @@
 import * as React from 'react'
 import { KeyboardReact as Keyboard } from 'react-simple-keyboard'
 import { customDisplay, fullKeyboardLayout } from '../constants'
+import type { KeyboardReactInterface } from 'react-simple-keyboard'
 
 import '../index.css'
 import './index.css'
 
 // TODO (kk:04/05/2024) add debug to make debugging easy
 interface FullKeyboardProps {
   onChange: (input: string) => void
-  keyboardRef: React.MutableRefObject<any>
+  keyboardRef: React.MutableRefObject<KeyboardReactInterface | any>
   debug?: boolean
 }
 

diff --git a/app/src/atoms/SoftwareKeyboard/IndividualKey/index.tsx b/app/src/atoms/SoftwareKeyboard/IndividualKey/index.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { KeyboardReact as Keyboard } from 'react-simple-keyboard'
-
+import type { KeyboardReactInterface } from 'react-simple-keyboard'
 import '../index.css'
 import './index.css'
 
@@ -11,7 +11,7 @@ const customDisplay = {
 // TODO (kk:04/05/2024) add debug to make debugging easy
 interface IndividualKeyProps {
   onChange: (input: string) => void
-  keyboardRef: React.MutableRefObject<null>
+  keyboardRef: React.MutableRefObject<KeyboardReactInterface | null>
   keyText: string
   debug?: boolean
 }

diff --git a/app/src/atoms/SoftwareKeyboard/NumericalKeyboard/index.tsx b/app/src/atoms/SoftwareKeyboard/NumericalKeyboard/index.tsx
@@ -1,13 +1,15 @@
 import * as React from 'react'
 import { KeyboardReact as Keyboard } from 'react-simple-keyboard'
 import { numericalKeyboardLayout, numericalCustom } from '../constants'
+
+import type { KeyboardReactInterface } from 'react-simple-keyboard'
 import '../index.css'
 import './index.css'
 
 // Note (kk:04/05/2024) add debug to make debugging easy
 interface NumericalKeyboardProps {
   onChange: (input: string) => void
-  keyboardRef: React.MutableRefObject<null>
+  keyboardRef: React.MutableRefObject<KeyboardReactInterface | null>
   isDecimal?: boolean
   hasHyphen?: boolean
   debug?: boolean