diff --git a/lama_cleaner/app/src/App.tsx b/lama_cleaner/app/src/App.tsx
index 012dd7f..f5b849d 100644
--- a/lama_cleaner/app/src/App.tsx
+++ b/lama_cleaner/app/src/App.tsx
@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from 'react'
+import React, { useEffect, useMemo } from 'react'
 import { useKeyPressEvent } from 'react-use'
 import { useRecoilState } from 'recoil'
 import { nanoid } from 'nanoid'
@@ -34,18 +34,14 @@ function App() {
     document.body.setAttribute('data-theme', theme)
   }, [theme])
 
-  const getWorkspaceKey = useCallback(() => {
+  const workspaceId = useMemo(() => {
     return nanoid()
   }, [file])
 
   return (
     <div className="lama-cleaner">
       <Header />
-      {file ? (
-        <Workspace file={file} key={getWorkspaceKey()} />
-      ) : (
-        <LandingPage />
-      )}
+      {file ? <Workspace file={file} key={workspaceId} /> : <LandingPage />}
     </div>
   )
 }