src/App.tsx

@@ -1,3 +1,4 @@
+import { memo } from "kaioken"
 import InfiniteCanvas from "./components/InfinateCanvas"
 import { ToastContextProvider } from "./components/Toast"
 import { useThemeDetector } from "./utils/useThemeDetector"
@@ -7,7 +8,9 @@ export function App() {
 
   return (
     <ToastContextProvider>
-      <InfiniteCanvas />
+      <MemoInfyCanvas />
     </ToastContextProvider>
   )
 }
+
+const MemoInfyCanvas = memo(InfiniteCanvas)

src/components/InfinateCanvas.tsx

@@ -8,7 +8,6 @@ import images from "../signals/images"
 import { CardSelector } from "./cardSelector/CardSelector"
 import { Logo } from "./Logo"
 import { useThemeDetector } from "../utils/useThemeDetector"
-import { isTheme } from "../utils/isTheme"
 import { TextItem } from "./TextItem"
 import texts from "../signals/texts"
 

src/styles.css

@@ -11,9 +11,10 @@
   margin: 0;
   padding: 0;
   box-sizing: border-box;
-  :focus {
+}
+
+*:focus {
   outline: none;
-  }
 }
 
 html {