fix(renderer): omitting internal symbol from mdx props (#10813)

1 files changed, 33 insertions, 0 deletions

diff --git a/packages/integrations/mdx/test/mdx-plus-react-errors.test.js b/packages/integrations/mdx/test/mdx-plus-react-errors.test.js
new file mode 100644
index 000000000..9d87fa8a0
--- /dev/null
+++ b/packages/integrations/mdx/test/mdx-plus-react-errors.test.js
@@ -0,0 +1,33 @@
+import * as assert from 'node:assert/strict';
+import { describe, it } from 'node:test';
+import { loadFixture } from '../../../astro/test/test-utils.js';
+
+function hookError() {
+	const error = console.error;
+	const errors = [];
+	console.error = function (...args) {
+		errors.push(args);
+	};
+	return () => {
+		console.error = error;
+		return errors;
+	};
+}
+
+describe('MDX and React with build errors', () => {
+	let fixture;
+	let unhook;
+
+	it('shows correct error messages on build error', async () => {
+		try {
+			fixture = await loadFixture({
+				root: new URL('./fixtures/mdx-plus-react-errors/', import.meta.url),
+			});
+			unhook = hookError();
+			await fixture.build();
+		} catch (err) {
+			assert.equal(err.message, 'a is not defined');
+		}
+		unhook();
+	});
+});