fix: Fix tab default (coder#5104)

BrunoQuaresma · web-flow · commit 1fcc7caf99af · 2022-11-16T16:43:35.000Z
diff --git 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
@@ -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 (
