diff --git a/bun.lockb b/bun.lockb
deleted file mode 100755
index c6d81df..0000000
Binary files a/bun.lockb and /dev/null differ
diff --git a/src/app/App.jsx b/src/app/App.jsx
index 8aceb77..f62c5e9 100644
--- a/src/app/App.jsx
+++ b/src/app/App.jsx
@@ -5,7 +5,7 @@ import fastbootPorts from '../assets/fastboot-ports.svg'
 import zadigCreateNewDevice from '../assets/zadig_create_new_device.png'
 import zadigForm from '../assets/zadig_form.png'
 
-const Flash = lazy(() => import('./Flash'));
+const Flash = lazy(() => import('./Flash.client'));
 
 export default function App() {
   const version = import.meta.env.VITE_PUBLIC_GIT_SHA || 'dev'
diff --git a/src/app/Flash.jsx b/src/app/Flash.client.jsx
similarity index 92%
rename from src/app/Flash.jsx
rename to src/app/Flash.client.jsx
index d7c544d..614fa09 100644
--- a/src/app/Flash.jsx
+++ b/src/app/Flash.client.jsx
@@ -1,4 +1,6 @@
-import { useCallback } from 'react'
+'use client';
+
+import { useCallback, useEffect } from 'react'
 
 import { Step, Error, useFastboot } from '@/utils/fastboot'
 
@@ -16,11 +18,6 @@ import systemUpdate from '@/assets/system_update_c3.svg'
 
 
 const steps = {
-  [Step.INITIALIZING]: {
-    status: 'Initializing...',
-    bgColor: 'bg-gray-400 dark:bg-gray-700',
-    icon: cloud,
-  },
   [Step.READY]: {
     status: 'Ready',
     description: 'Tap the button above to begin',
@@ -189,10 +186,6 @@ export default function Flash() {
     serial,
   } = useFastboot()
 
-  const handleContinue = useCallback(() => {
-    onContinue?.()
-  }, [onContinue])
-
   const handleRetry = useCallback(() => {
     onRetry?.()
   }, [onRetry])
@@ -214,18 +207,24 @@ export default function Flash() {
   }
 
   // warn the user if they try to leave the page while flashing
-  if (Step.DOWNLOADING <= step && step <= Step.ERASING) {
-    window.addEventListener("beforeunload", beforeUnloadListener, { capture: true })
-  } else {
-    window.removeEventListener("beforeunload", beforeUnloadListener, { capture: true })
-  }
+  useEffect(() => {
+    if (Step.DOWNLOADING <= step && step <= Step.ERASING) {
+      window.addEventListener("beforeunload", beforeUnloadListener, { capture: true })
+    } else {
+      window.removeEventListener("beforeunload", beforeUnloadListener, { capture: true })
+    }
+
+    return () => {
+      window.removeEventListener("beforeunload", beforeUnloadListener, { capture: true })
+    }
+  }, [step])
 
   return (
     <div id="flash" className="relative flex flex-col gap-8 justify-center items-center h-full">
       <div
         className={`p-8 rounded-full ${bgColor}`}
-        style={{ cursor: onContinue ? 'pointer' : 'default' }}
-        onClick={handleContinue}
+        style={{ cursor: 'pointer' }}
+        onClick={onContinue}
       >
         <img
           src={icon}
@@ -238,8 +237,12 @@ export default function Flash() {
       <div className="w-full max-w-3xl px-8 transition-opacity duration-300" style={{ opacity: progress === -1 ? 0 : 1 }}>
         <LinearProgress value={progress * 100} barColor={bgColor} />
       </div>
-      <span className={`text-3xl dark:text-white font-mono font-light`}>{title}</span>
-      <span className={`text-xl dark:text-white px-8 max-w-xl`}>{description}</span>
+      <span className={`text-3xl dark:text-white font-mono font-light`}>
+        {title}
+      </span>
+      <span className={`text-xl dark:text-white px-8 max-w-xl`}>
+        {description}
+      </span>
       {error && (
         <button
           className="px-4 py-2 rounded-md bg-gray-200 hover:bg-gray-300 dark:bg-gray-700 dark:hover:bg-gray-600 text-gray-800 dark:text-gray-200 transition-colors"
diff --git a/src/utils/fastboot.js b/src/utils/fastboot.js
index a9af865..3e62f5a 100644
--- a/src/utils/fastboot.js
+++ b/src/utils/fastboot.js
@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from 'react'
+import { useCallback, useEffect, useRef, useState } from 'react'
 
 import { FastbootDevice, setDebugLevel } from 'android-fastboot'
 import * as Comlink from 'comlink'
@@ -17,14 +17,13 @@ import { withProgress } from '@/utils/progress'
 setDebugLevel(2)
 
 export const Step = {
-  INITIALIZING: 0,
-  READY: 1,
-  CONNECTING: 2,
-  DOWNLOADING: 3,
-  UNPACKING: 4,
-  FLASHING: 6,
-  ERASING: 7,
-  DONE: 8,
+  READY: 0,
+  CONNECTING: 1,
+  DOWNLOADING: 2,
+  UNPACKING: 3,
+  FLASHING: 4,
+  ERASING: 5,
+  DONE: 6,
 }
 
 export const Error = {
@@ -87,15 +86,15 @@ function isRecognizedDevice(deviceInfo) {
 }
 
 export function useFastboot() {
-  const [step, _setStep] = useState(Step.INITIALIZING)
+  const [step, setStep] = useState(Step.READY)
   const [message, _setMessage] = useState('')
   const [progress, setProgress] = useState(0)
-  const [error, _setError] = useState(Error.NONE)
+  const [error, setError] = useState(Error.NONE)
+  const [isInitialized, setIsInitialized] = useState(false)
 
   const [connected, setConnected] = useState(false)
   const [serial, setSerial] = useState(null)
 
-  const [onContinue, setOnContinue] = useState(null)
   const [onRetry, setOnRetry] = useState(null)
 
   const imageWorker = useImageWorker()
@@ -104,83 +103,87 @@ export function useFastboot() {
   /** @type {React.RefObject<Image[]>} */
   const manifest = useRef(null)
 
-  function setStep(step) {
-    _setStep(step)
-  }
+  const initializePromise = useRef(null);
 
   function setMessage(message = '') {
     if (message) console.info('[fastboot]', message)
     _setMessage(message)
   }
 
-  function setError(error) {
-    _setError(error)
-  }
+  const initialize = useCallback(async () => {
+    if (isInitialized) return true
 
-  useEffect(() => {
-    setProgress(-1)
-    setMessage()
+    if (initializePromise.current) return initializePromise.current
 
-    if (error) return
-    if (!imageWorker.current) {
-      console.debug('[fastboot] Waiting for image worker')
-      return
-    }
+    initializePromise.current = (async () => {
+      // Check browser support
+      if (typeof navigator.usb === 'undefined') {
+        console.error('[fastboot] WebUSB not supported')
+        setError(Error.REQUIREMENTS_NOT_MET)
+        return false
+      }
 
-    switch (step) {
-      case Step.INITIALIZING: {
-        // Check that the browser supports WebUSB
-        if (typeof navigator.usb === 'undefined') {
-          console.error('[fastboot] WebUSB not supported')
-          setError(Error.REQUIREMENTS_NOT_MET)
-          break
-        }
+      if (typeof Worker === 'undefined') {
+        console.error('[fastboot] Web Workers not supported')
+        setError(Error.REQUIREMENTS_NOT_MET)
+        return false
+      }
 
-        // Check that the browser supports Web Workers
-        if (typeof Worker === 'undefined') {
-          console.error('[fastboot] Web Workers not supported')
-          setError(Error.REQUIREMENTS_NOT_MET)
-          break
-        }
+      if (typeof Storage === 'undefined') {
+        console.error('[fastboot] Storage API not supported')
+        setError(Error.REQUIREMENTS_NOT_MET)
+        return false
+      }
 
-        // Check that the browser supports Storage API
-        if (typeof Storage === 'undefined') {
-          console.error('[fastboot] Storage API not supported')
-          setError(Error.REQUIREMENTS_NOT_MET)
-          break
-        }
+      if (!imageWorker.current) {
+        console.debug('[fastboot] Waiting for image worker')
+        return false
+      }
 
-        // TODO: change manifest once alt image is in release
-        imageWorker.current?.init()
-          .then(() => download(config.manifests['master']))
-          .then(blob => blob.text())
-          .then(text => {
-            manifest.current = createManifest(text)
+      try {
+        await imageWorker.current?.init()
+        const blob = await download(config.manifests['master'])
+        const text = await blob.text()
+        manifest.current = createManifest(text)
 
-            // sanity check
-            if (manifest.current.length === 0) {
-              throw 'Manifest is empty'
-            }
+        if (manifest.current.length === 0) {
+          throw new Error('Manifest is empty')
+        }
 
-            console.debug('[fastboot] Loaded manifest', manifest.current)
-            setStep(Step.READY)
-          })
-          .catch((err) => {
-            console.error('[fastboot] Initialization error', err)
-            setError(Error.UNKNOWN)
-          })
-        break
+        console.debug('[fastboot] Loaded manifest', manifest.current)
+        setIsInitialized(true)
+        return true
+      } catch (err) {
+        console.error('[fastboot] Initialization error', err)
+        setError(Error.UNKNOWN)
+        return false
+      } finally {
+        initializePromise.current = null
       }
+    })()
 
-      case Step.READY: {
-        // wait for user interaction (we can't use WebUSB without user event)
-        setOnContinue(() => () => {
-          setOnContinue(null)
-          setStep(Step.CONNECTING)
-        })
-        break
-      }
+    return initializePromise.current
+  }, [imageWorker, isInitialized])
+
+  useEffect(() => {
+    initialize()
+  }, [initialize])
+
+  // wait for user interaction (we can't use WebUSB without user event)
+  const handleContinue = useCallback(async () => {
+    const shouldContinue = await initialize()
+    if (!shouldContinue) return
 
+    setStep(Step.CONNECTING)
+  }, [initialize])
+
+  useEffect(() => {
+    setProgress(-1)
+    setMessage()
+
+    if (error) return
+
+    switch (step) {
       case Step.CONNECTING: {
         fastboot.current.waitForConnect()
           .then(() => {
@@ -362,7 +365,7 @@ export function useFastboot() {
     connected,
     serial,
 
-    onContinue,
+    onContinue: handleContinue,
     onRetry,
   }
 }