From 2033b43b69e4be9d5f253eaf8fe2a7665d9150ca Mon Sep 17 00:00:00 2001
From: Nikola Ubavic <53820106+ubavic@users.noreply.github.com>
Date: Wed, 22 Dec 2021 22:02:57 +0100
Subject: [PATCH] fix: use `useEfect` for focus

---
 .../src/pages/Maintenance/Wizard/WizardStep.js             | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/new-lamassu-admin/src/pages/Maintenance/Wizard/WizardStep.js b/new-lamassu-admin/src/pages/Maintenance/Wizard/WizardStep.js
index db1e242e..cb5a1adf 100644
--- a/new-lamassu-admin/src/pages/Maintenance/Wizard/WizardStep.js
+++ b/new-lamassu-admin/src/pages/Maintenance/Wizard/WizardStep.js
@@ -139,6 +139,11 @@ const WizardStep = ({
     R.clamp(0, 100)
   )
 
+  const textInput = React.useRef(null)
+  React.useEffect(() => {
+    textInput.current?.children[0].children[0]?.focus()
+  }, [step])
+
   return (
     <div className={classes.content}>
       <div className={classes.titleDiv}>
@@ -277,7 +282,7 @@ const WizardStep = ({
                         placeholder={originalCassetteCount.toString()}
                         name={cassetteField}
                         className={classes.cashboxBills}
-                        autoFocus
+                        innerRef={textInput}
                       />
                       <P>
                         {cassetteDenomination} {fiatCurrency} bills loaded