fix(#8746): improve error message for dynamic component usage (#8747)

withastro · Oct 4, 2023 · d78806d · d78806d
1 parent aa265d7
commit d78806d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/.changeset/fair-otters-worry.md b/.changeset/fair-otters-worry.md
@@ -0,0 +1,5 @@
+---
+'astro': patch
+---
+
+Improve error message when user attempts to render a dynamic component reference
diff --git a/packages/astro/src/runtime/server/hydration.ts b/packages/astro/src/runtime/server/hydration.ts
@@ -122,9 +122,10 @@ export async function generateHydrateScript(
 	const { hydrate, componentUrl, componentExport } = metadata;
 
 	if (!componentExport.value) {
-		throw new Error(
-			`Unable to resolve a valid export for "${metadata.displayName}"! Please open an issue at https://astro.build/issues!`
-		);
+		throw new AstroError({
+			...AstroErrorData.NoMatchingImport,
+			message: AstroErrorData.NoMatchingImport.message(metadata.displayName),
+		});
 	}
 
 	const island: SSRElement = {