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),