diff --git a/src/app/providers.tsx b/src/app/providers.tsx
index 61208300..e96e7ab3 100644
--- a/src/app/providers.tsx
+++ b/src/app/providers.tsx
@@ -54,7 +54,6 @@ export const mantineDefaultColorScheme = mantineDefaultColorSchemeT as
   | "light"
   | "dark"
 
-const createQueryClient = () => new QueryClient()
 export default function Providers({
   children,
   lang,
@@ -66,7 +65,7 @@ export default function Providers({
   useNProgress()
   useDarkModeListener()
 
-  const [queryClient] = useState(createQueryClient)
+  const [queryClient] = useState(() => new QueryClient())
 
   return (
     <ThemeProvider
diff --git a/src/components/site/BackToTopFAB.tsx b/src/components/site/BackToTopFAB.tsx
index 3a4ea412..cdbaa038 100644
--- a/src/components/site/BackToTopFAB.tsx
+++ b/src/components/site/BackToTopFAB.tsx
@@ -7,6 +7,7 @@ import { throttle } from "~/lib/utils"
 import { FABBase } from "../ui/FAB"
 
 const isShouldShow = () =>
+  typeof window !== undefined &&
   document.documentElement.scrollTop > document.documentElement.clientHeight
 
 export const BackToTopFAB = () => {