From d33211fa8ba3513ebb152d41feac2649dd83c881 Mon Sep 17 00:00:00 2001
From: Harry Whorlow <whorlowharry@gmail.com>
Date: Tue, 28 Oct 2025 10:30:27 +0100
Subject: [PATCH 1/2] feat: header click handler

---
 packages/devtools-ui/src/components/header.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/devtools-ui/src/components/header.tsx b/packages/devtools-ui/src/components/header.tsx
index 1bdb4332..29b23aa0 100644
--- a/packages/devtools-ui/src/components/header.tsx
+++ b/packages/devtools-ui/src/components/header.tsx
@@ -21,17 +21,19 @@ export function Header({
 export function HeaderLogo({
   children,
   flavor,
+  onClick,
 }: {
   children: JSX.Element
   flavor: {
     light: string
     dark: string
   }
+  onClick?: JSX.EventHandler<HTMLButtonElement, MouseEvent>
 }) {
   const styles = useStyles()
   return (
     <div class={styles().header.logoAndToggleContainer}>
-      <button class={clsx(styles().header.logo)}>
+      <button class={clsx(styles().header.logo)} onClick={onClick}>
         <span class={clsx(styles().header.tanstackLogo)}>TANSTACK</span>
         <span
           class={clsx(styles().header.flavorLogo(flavor.light, flavor.dark))}

From db3dd38c95830593316e1b48b274be11aa1cf347 Mon Sep 17 00:00:00 2001
From: Harry Whorlow <whorlowharry@gmail.com>
Date: Tue, 28 Oct 2025 11:02:34 +0100
Subject: [PATCH 2/2] fix(header): pass event handler to header

---
 .changeset/thick-hoops-argue.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/thick-hoops-argue.md

diff --git a/.changeset/thick-hoops-argue.md b/.changeset/thick-hoops-argue.md
new file mode 100644
index 00000000..b357ac8d
--- /dev/null
+++ b/.changeset/thick-hoops-argue.md
@@ -0,0 +1,5 @@
+---
+'@tanstack/devtools-ui': patch
+---
+
+Adds optional prop to header for handeling clicks to the logo.