diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index ff69932..e8aa40b 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -8,5 +8,7 @@ export const Route = createFileRoute("/")({
 
 function IndexComponent() {
   const focusSources = useAtomValue(focusSourcesAtom)
-  return <Column id={focusSources.length ? "focus" : "hottest"} />
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const id = useMemo(() => focusSources.length ? "focus" : "hottest", [])
+  return <Column id={id} />
 }