From aedeec711a806ec309798bf5e91e66c4518a3772 Mon Sep 17 00:00:00 2001
From: Bruno Quaresma <bruno@coder.com>
Date: Wed, 16 Nov 2022 14:38:50 +0000
Subject: [PATCH] fix: Fix tab default

---
 site/src/hooks/useTab.ts                                   | 6 +++---
 site/src/pages/TemplateVersionPage/TemplateVersionPage.tsx | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/site/src/hooks/useTab.ts b/site/src/hooks/useTab.ts
index 41026fed6b125..e1dee44a5c878 100644
--- a/site/src/hooks/useTab.ts
+++ b/site/src/hooks/useTab.ts
@@ -1,13 +1,13 @@
 import { useSearchParams } from "react-router-dom"
 
 export interface UseTabResult {
-  value: string | null
+  value: string
   set: (value: string) => void
 }
 
-export const useTab = (tabKey: string): UseTabResult => {
+export const useTab = (tabKey: string, defaultValue: string): UseTabResult => {
   const [searchParams, setSearchParams] = useSearchParams()
-  const value = searchParams.get(tabKey)
+  const value = searchParams.get(tabKey) ?? defaultValue
 
   return {
     value,
diff --git a/site/src/pages/TemplateVersionPage/TemplateVersionPage.tsx b/site/src/pages/TemplateVersionPage/TemplateVersionPage.tsx
index 2dd08d720637d..0f2b40d37cf93 100644
--- a/site/src/pages/TemplateVersionPage/TemplateVersionPage.tsx
+++ b/site/src/pages/TemplateVersionPage/TemplateVersionPage.tsx
@@ -20,7 +20,7 @@ export const TemplateVersionPage: FC = () => {
   const [state] = useMachine(templateVersionMachine, {
     context: { versionName, orgId },
   })
-  const tab = useTab("file")
+  const tab = useTab("file", "0")
   const { t } = useTranslation("templateVersionPage")
 
   return (