diff --git a/tubearchivist/www/src/pages/_app.tsx b/tubearchivist/www/src/pages/_app.tsx
index 8cfca59..b296d1a 100644
--- a/tubearchivist/www/src/pages/_app.tsx
+++ b/tubearchivist/www/src/pages/_app.tsx
@@ -2,7 +2,7 @@ import type { AppProps } from "next/app";
import { SessionProvider } from "next-auth/react";
import Script, { ScriptProps } from "next/script";
import "../styles/globals.css";
-import "../styles/dark.css";
+import "../styles/dark.css"; // TODO: Setup themeing the React way
// TODO: Do these scripts need to be on every page?
@@ -10,27 +10,32 @@ type ClientOnlyScriptProps = {
src: string;
} & ScriptProps;
+/**
+ * This wraps next/script and returns early if `window` is not detected
+ * due to next using SSR
+ */
const ClientOnlyScript = ({ src, ...props }: ClientOnlyScriptProps) => {
- if (typeof window !== "undefined") {
- return ;
+ if (typeof window === "undefined") {
+ return;
}
+ return ;
};
function MyApp({ Component, pageProps: { session, ...pageProps } }: AppProps) {
return (
<>
-
+ /> */}