From f6c92d54e7e7ade4d2a7a932846eae0212c447c9 Mon Sep 17 00:00:00 2001
From: Morgan Bentell <mbentell@spotify.com>
Date: Thu, 16 Feb 2023 10:00:09 +0100
Subject: [PATCH] wait with fetching techdocs metadata until the shadow root
 exists

Signed-off-by: Morgan Bentell <mbentell@spotify.com>
---
 plugins/techdocs-react/src/context.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/plugins/techdocs-react/src/context.tsx b/plugins/techdocs-react/src/context.tsx
index 4f427e0031..04a46bffb3 100644
--- a/plugins/techdocs-react/src/context.tsx
+++ b/plugins/techdocs-react/src/context.tsx
@@ -117,10 +117,6 @@ export const TechDocsReaderPageProvider = memo(
     const techdocsApi = useApi(techdocsApiRef);
     const config = useApi(configApiRef);
 
-    const metadata = useAsync(async () => {
-      return techdocsApi.getTechDocsMetadata(entityRef);
-    }, [entityRef]);
-
     const entityMetadata = useAsync(async () => {
       return techdocsApi.getEntityMetadata(entityRef);
     }, [entityRef]);
@@ -133,6 +129,14 @@ export const TechDocsReaderPageProvider = memo(
       defaultTechDocsReaderPageValue.shadowRoot,
     );
 
+    const metadata = useAsync(
+      () =>
+        shadowRoot
+          ? techdocsApi.getTechDocsMetadata(entityRef)
+          : new Promise<TechDocsMetadata>(() => {}),
+      [entityRef, shadowRoot],
+    );
+
     const value = {
       metadata,
       entityRef: toLowercaseEntityRefMaybe(entityRef, config),