fix techdocs-cli embedded app

Co-authored-by: Camila Belo <camilaibs@gmail.com>
Co-authored-by: Eric Peterson <ericpeterson@spotify.com>
Signed-off-by: Emma Indal <emma.indahl@gmail.com>

packages/techdocs-cli-embedded-app/package.json

@@ -66,4 +66,4 @@
       "last 1 safari version"
     ]
   }
-}
+}

packages/techdocs-cli-embedded-app/src/components/TechDocsPage/TechDocsPage.tsx

@@ -64,7 +64,7 @@ type TechDocsThemeValue = {
 
 const TechDocsThemeContext = createContext<TechDocsThemeValue>({
   theme: Themes.LIGHT,
-  toggleTheme: () => {},
+  toggleTheme: () => { },
 });
 
 const TechdocsThemeProvider: FC = ({ children }) => {
@@ -120,11 +120,13 @@ export const TechDocsThemeToggle = () => {
   );
 };
 
-export const techDocsPage = (
-  <TechDocsReaderPage>
-    <TechdocsThemeProvider>
+const DefaultTechDocsPage = () => {
+  return <TechdocsThemeProvider>
+    <TechDocsReaderPage>
       <TechDocsReaderPageHeader />
       <TechDocsReaderPageContent withSearch={false} />
-    </TechdocsThemeProvider>
-  </TechDocsReaderPage>
-);
+    </TechDocsReaderPage>
+  </TechdocsThemeProvider>
+}
+
+export const techDocsPage = <DefaultTechDocsPage />

plugins/techdocs/src/reader/components/TechDocsReaderPage/TechDocsReaderPage.tsx

@@ -83,16 +83,17 @@ export type TechDocsReaderPageProps = {
  */
 export const TechDocsReaderPage = ({
   entityRef,
-  children,
+  children
 }: TechDocsReaderPageProps) => {
   const { kind, name, namespace } = useParams();
-  const route = useOutlet() || { props: { children: [] } };
+
+  const outlet = useOutlet()
   const entityName = entityRef ?? { kind, name, namespace };
 
   if (!children) {
-    const outlet = Children.toArray(route.props.children);
+    const childrenList = outlet ? Children.toArray(outlet.props.children) : [];
 
-    const page = outlet.find(child => {
+    const page = childrenList.find(child => {
       const { type } = child as Extension;
       return !type?.__backstage_data?.map?.get(TECHDOCS_ADDONS_WRAPPER_KEY);
     });