diff --git a/tubearchivist/www/src/components/Header.tsx b/tubearchivist/www/src/components/Header.tsx
index 2d58b49..c6e4ba9 100644
--- a/tubearchivist/www/src/components/Header.tsx
+++ b/tubearchivist/www/src/components/Header.tsx
@@ -1,3 +1,5 @@
+import dynamic from "next/dynamic";
+
 const Header = ({ authData }) => {
   const { session, status } = authData;
 
@@ -11,4 +13,8 @@ const Header = ({ authData }) => {
   );
 };
 
+export const DynamicHeader = dynamic(() => import("../components/Header"), {
+  suspense: true,
+});
+
 export default Header;