fix useToggle

pingcap · Dec 16, 2020 · 39b2d62 · 39b2d62
1 parent 5d121c9
commit 39b2d62
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 11 deletions.
diff --git a/ui/lib/apps/SlowQuery/pages/Detail/index.tsx b/ui/lib/apps/SlowQuery/pages/Detail/index.tsx
@@ -44,11 +44,9 @@ function DetailPage() {
       })
   )
 
-  const { state: sqlExpanded, toggle: toggleSqlExpanded } = useToggle(false)
-  const { state: prevSqlExpanded, toggle: togglePrevSqlExpanded } = useToggle(
-    false
-  )
-  const { state: planExpanded, toggle: togglePlanExpanded } = useToggle(false)
+  const [sqlExpanded, { toggle: toggleSqlExpanded }] = useToggle(false)
+  const [prevSqlExpanded, { toggle: togglePrevSqlExpanded }] = useToggle(false)
+  const [planExpanded, { toggle: togglePlanExpanded }] = useToggle(false)
 
   return (
     <div>

diff --git a/ui/lib/apps/Statement/pages/Detail/PlanDetail.tsx b/ui/lib/apps/Statement/pages/Detail/PlanDetail.tsx
@@ -47,11 +47,9 @@ function PlanDetail({ query }: IPlanDetailProps) {
         { cancelToken }
       )
   )
-  const { state: sqlExpanded, toggle: toggleSqlExpanded } = useToggle(false)
-  const { state: prevSqlExpanded, toggle: togglePrevSqlExpanded } = useToggle(
-    false
-  )
-  const { state: planExpanded, toggle: togglePlanExpanded } = useToggle(false)
+  const [sqlExpanded, { toggle: toggleSqlExpanded }] = useToggle(false)
+  const [prevSqlExpanded, { toggle: togglePrevSqlExpanded }] = useToggle(false)
+  const [planExpanded, { toggle: togglePlanExpanded }] = useToggle(false)
 
   let title_key
   if (query.allPlans === 1) {

diff --git a/ui/lib/apps/Statement/pages/Detail/index.tsx b/ui/lib/apps/Statement/pages/Detail/index.tsx
@@ -59,7 +59,7 @@ function DetailPage() {
     })
   )
 
-  const { state: sqlExpanded, toggle: toggleSqlExpanded } = useToggle(false)
+  const [sqlExpanded, { toggle: toggleSqlExpanded }] = useToggle(false)
 
   useEffect(() => {
     if (plans && plans.length > 0) {