diff --git a/packages/query-devtools/src/Devtools.tsx b/packages/query-devtools/src/Devtools.tsx
index 73802c0adb..df2a6edf6a 100644
--- a/packages/query-devtools/src/Devtools.tsx
+++ b/packages/query-devtools/src/Devtools.tsx
@@ -252,6 +252,7 @@ export const Devtools: Component<DevtoolsPanelProps> = (props) => {
                 <TanstackLogo />
               </div>
               <button
+                type="button"
                 aria-label="Open Tanstack query devtools"
                 onClick={() => props.setLocalStore('open', 'true')}
                 class="tsqd-open-btn"