fix(ui): description undefined error on empty tabs array (#8830)

akhrarovsaid · web-flow · commit 755355ea681d · 2024-10-30T20:57:54.000-04:00
Fixes an error that occurs when `tabs` array is empty or active tab
config is undefined due to missing optional chaining operator.
diff --git a/packages/ui/src/fields/Tabs/index.tsx b/packages/ui/src/fields/Tabs/index.tsx
@@ -112,7 +112,7 @@ const TabsFieldComponent: TabsFieldClientComponent = (props) => {
     return tabPath
   }
 
-  const activeTabDescription = activeTabConfig.description
+  const activeTabDescription = activeTabConfig?.description
   const activeTabStaticDescription =
     typeof activeTabDescription === 'function'
       ? activeTabDescription({ t: i18n.t })

Original file line number	Diff line number	Diff line change
`@@ -112,7 +112,7 @@ const TabsFieldComponent: TabsFieldClientComponent = (props) => {`
`112`	`112`	`return tabPath`
`113`	`113`	`}`
`114`	`114`
`115`		`- const activeTabDescription = activeTabConfig.description`
	`115`	`+ const activeTabDescription = activeTabConfig?.description`
`116`	`116`	`const activeTabStaticDescription =`
`117`	`117`	`typeof activeTabDescription === 'function'`
`118`	`118`	`? activeTabDescription({ t: i18n.t })`