fix(v2): hide mobile collapsible doc toc if no headings (#5172)

facebook · Jul 15, 2021 · 0851e0e · 0851e0e
1 parent 818fb39
commit 0851e0e
Showing 1 changed file with 5 additions and 6 deletions.
diff --git a/packages/docusaurus-theme-classic/src/theme/DocItem/index.tsx b/packages/docusaurus-theme-classic/src/theme/DocItem/index.tsx
@@ -56,15 +56,14 @@ function DocItem(props: Props): JSX.Element {
 
   const windowSize = useWindowSize();
 
+  const canRenderTOC =
+    !hideTableOfContents && DocContent.toc && DocContent.toc.length > 0;
+
   const renderTocMobile =
-    !hideTableOfContents &&
-    DocContent.toc &&
-    (windowSize === 'mobile' || windowSize === 'ssr');
+    canRenderTOC && (windowSize === 'mobile' || windowSize === 'ssr');
 
   const renderTocDesktop =
-    !hideTableOfContents &&
-    DocContent.toc &&
-    (windowSize === 'desktop' || windowSize === 'ssr');
+    canRenderTOC && (windowSize === 'desktop' || windowSize === 'ssr');
 
   return (
     <>