diff --git a/tubearchivist/www/src/components/Header.tsx b/tubearchivist/www/src/components/Header.tsx
new file mode 100644
index 0000000..2d58b49
--- /dev/null
+++ b/tubearchivist/www/src/components/Header.tsx
@@ -0,0 +1,14 @@
+const Header = ({ authData }) => {
+  const { session, status } = authData;
+
+  return (
+    <>
+      <h1>Name: {session?.user?.name}</h1>
+      <h1>Status: {status}</h1>
+      <h1>Token: {session?.ta_token?.token}</h1>
+      <h1>User ID: {session?.ta_token?.user_id}</h1>
+    </>
+  );
+};
+
+export default Header;