Skip check for known Qwik components (#9482)

.changeset/eight-ears-call.md

@@ -0,0 +1,7 @@
+---
+'@astrojs/preact': patch
+'@astrojs/react': patch
+'@astrojs/solid-js': patch
+---
+
+Improves compatability with the [Qwik adapter](https://github.com/QwikDev/astro)

packages/integrations/preact/src/server.ts

@@ -13,6 +13,7 @@ let consoleFilterRefs = 0;
 
 function check(this: RendererContext, Component: any, props: Record<string, any>, children: any) {
 	if (typeof Component !== 'function') return false;
+	if (Component.name === "QwikComponent") return false;
 
 	if (Component.prototype != null && typeof Component.prototype.render === 'function') {
 		return BaseComponent.isPrototypeOf(Component);

packages/integrations/react/server-v17.js

@@ -20,6 +20,7 @@ function check(Component, props, children) {
 		return Component['$$typeof']?.toString().slice('Symbol('.length).startsWith('react');
 	}
 	if (typeof Component !== 'function') return false;
+	if (Component.name === "QwikComponent") return false;
 
 	if (Component.prototype != null && typeof Component.prototype.render === 'function') {
 		return React.Component.isPrototypeOf(Component) || React.PureComponent.isPrototypeOf(Component);

packages/integrations/react/server.js

@@ -22,6 +22,7 @@ async function check(Component, props, children) {
 		return Component['$$typeof'].toString().slice('Symbol('.length).startsWith('react');
 	}
 	if (typeof Component !== 'function') return false;
+	if (Component.name === "QwikComponent") return false;
 
 	// Preact forwarded-ref components can be functions, which React does not support
 	if (typeof Component === 'function' && Component['$$typeof'] === Symbol.for('react.forward_ref'))

packages/integrations/solid/src/server.ts

@@ -6,6 +6,7 @@ const slotName = (str: string) => str.trim().replace(/[-_]([a-z])/g, (_, w) => w
 
 function check(this: RendererContext, Component: any, props: Record<string, any>, children: any) {
 	if (typeof Component !== 'function') return false;
+	if (Component.name === "QwikComponent") return false;
 	const { html } = renderToStaticMarkup.call(this, Component, props, children);
 	return typeof html === 'string';
 }