chore: move CacheProvider to ThemeProvider

jaaydenh · jaaydenh · commit 173010e31a1d · 2025-01-02T16:00:33.000Z
diff --git a/site/src/App.tsx b/site/src/App.tsx
@@ -1,6 +1,4 @@
 import "./theme/globalFonts";
-import createCache from "@emotion/cache";
-import { CacheProvider } from "@emotion/react";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import {
 	type FC,
@@ -40,11 +38,6 @@ declare global {
 	}
 }
 
-const cache = createCache({
-	key: "css",
-	prepend: true,
-});
-
 export const AppProviders: FC<AppProvidersProps> = ({
 	children,
 	queryClient = defaultQueryClient,
@@ -71,19 +64,17 @@ export const AppProviders: FC<AppProvidersProps> = ({
 	}, []);
 
 	return (
-		<CacheProvider value={cache}>
-			<HelmetProvider>
-				<QueryClientProvider client={queryClient}>
-					<AuthProvider>
-						<ThemeProvider>
-							{children}
-							<GlobalSnackbar />
-						</ThemeProvider>
-					</AuthProvider>
-					{showDevtools && <ReactQueryDevtools initialIsOpen={showDevtools} />}
-				</QueryClientProvider>
-			</HelmetProvider>
-		</CacheProvider>
+		<HelmetProvider>
+			<QueryClientProvider client={queryClient}>
+				<AuthProvider>
+					<ThemeProvider>
+						{children}
+						<GlobalSnackbar />
+					</ThemeProvider>
+				</AuthProvider>
+				{showDevtools && <ReactQueryDevtools initialIsOpen={showDevtools} />}
+			</QueryClientProvider>
+		</HelmetProvider>
 	);
 };
 
