withastro · ematipico · Feb 23, 2026 · Feb 23, 2026 · Feb 23, 2026 · Feb 23, 2026
diff --git a/.changeset/calm-bats-create.md b/.changeset/calm-bats-create.md
@@ -0,0 +1,5 @@
+---
+'@astrojs/preact': patch
+---
+
+Fixed an issue where the Preact integration would incorrectly intercept React 19 components, triggering "Invalid hook call" error logs.
diff --git a/packages/astro/e2e/fixtures/react19-preact-hook-error/astro.config.mjs b/packages/astro/e2e/fixtures/react19-preact-hook-error/astro.config.mjs
@@ -0,0 +1,12 @@
+import preact from '@astrojs/preact';
+import react from '@astrojs/react';
+import { defineConfig } from 'astro/config';
+
+// https://astro.build/config
+export default defineConfig({
+	integrations: [
+		// This issue only reproduces when the Preact integration is placed before the React integration.
+		preact({ include: ['**/preact/*'] }),
+		react({ include: ['**/react/*'] }),
+	],
+});
diff --git a/packages/astro/e2e/fixtures/react19-preact-hook-error/package.json b/packages/astro/e2e/fixtures/react19-preact-hook-error/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "@e2e/react19-preact-hook-error",
+  "version": "0.0.0",
+  "private": true,
+  "devDependencies": {
+    "@astrojs/preact": "workspace:*",
+    "@astrojs/react": "workspace:*",
+    "astro": "workspace:*"
+  },
+  "dependencies": {
+    "preact": "^10.28.3",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4"
+  }
+}
diff --git a/...ages/astro/e2e/fixtures/react19-preact-hook-error/src/components/preact/PreactCounter.tsx b/...ages/astro/e2e/fixtures/react19-preact-hook-error/src/components/preact/PreactCounter.tsx
@@ -0,0 +1,20 @@
+import type { ComponentChildren } from 'preact';
+import { useState } from 'preact/hooks';
+
+/** A counter written with Preact */
+export function PreactCounter({ children }: { children?: ComponentChildren }) {
+	const [count, setCount] = useState(0);
+	const add = () => setCount((i) => i + 1);
+	const subtract = () => setCount((i) => i - 1);
+
+	return (
+		<>
+			<div class="counter">
+				<button onClick={subtract}>-</button>
+				<pre>{count}</pre>
+				<button onClick={add}>+</button>
+			</div>
+			<div class="counter-message">{children}</div>
+		</>
+	);
+}
diff --git a/packages/astro/e2e/fixtures/react19-preact-hook-error/src/components/react/ReactCounter.tsx b/packages/astro/e2e/fixtures/react19-preact-hook-error/src/components/react/ReactCounter.tsx
@@ -0,0 +1,19 @@
+import { useState } from 'react';
+
+/** a counter written in React */
+export function Counter({ children, id }) {
+	const [count, setCount] = useState(0);
+	const add = () => setCount((i) => i + 1);
+	const subtract = () => setCount((i) => i - 1);
+
+	return (
+		<>
+			<div id={id} className="counter">
+				<button className="decrement" onClick={subtract}>-</button>
+				<pre>{count}</pre>
+				<button className="increment" onClick={add}>+</button>
+			</div>
+			<div className="counter-message">{children}</div>
+		</>
+	);
+}
diff --git a/packages/astro/e2e/fixtures/react19-preact-hook-error/src/pages/index.astro b/packages/astro/e2e/fixtures/react19-preact-hook-error/src/pages/index.astro
@@ -0,0 +1,28 @@
+---
+// Style Imports
+import '../styles/global.css';
+
+import { PreactCounter } from '../components/preact/PreactCounter';
+import * as react from '../components/react/ReactCounter';
+---
+
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width" />
+		<meta name="generator" content={Astro.generator} />
+		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+		<link rel="icon" href="/favicon.ico" />
+	</head>
+	<body>
+		<main>
+			<react.Counter client:visible>
+				<h1>Hello from React!</h1>
+			</react.Counter>
+
+			<PreactCounter client:visible>
+				<h1>Hello from Preact!</h1>
+			</PreactCounter>
+		</main>
+	</body>
+</html>
diff --git a/packages/astro/e2e/fixtures/react19-preact-hook-error/src/styles/global.css b/packages/astro/e2e/fixtures/react19-preact-hook-error/src/styles/global.css
@@ -0,0 +1,21 @@
+html,
+body {
+	font-family: system-ui;
+	margin: 0;
+}
+
+body {
+	padding: 2rem;
+}
+
+.counter {
+	display: grid;
+	font-size: 2em;
+	grid-template-columns: repeat(3, minmax(0, 1fr));
+	margin-top: 2em;
+	place-items: center;
+}
+
+.counter-message {
+	text-align: center;
+}
diff --git a/packages/astro/e2e/react19-preact-hook-error.test.js b/packages/astro/e2e/react19-preact-hook-error.test.js
@@ -0,0 +1,42 @@
+import { expect } from '@playwright/test';
+import { testFactory } from './test-utils.js';
+
+const test = testFactory(import.meta.url, { root: './fixtures/react19-preact-hook-error/' });
+
+function hookError() {
+	const error = console.error;
+	const errors = [];
+	console.error = function (...args) {
+		errors.push(args);
+	};
+	return () => {
+		console.error = error;
+		return errors;
+	};
+}
+
+let devServer;
+let unhook;
+
+test.beforeAll(async ({ astro }) => {
+	devServer = await astro.startDevServer();
+	unhook = hookError();
+});
+
+test.afterAll(async () => {
+	await devServer.stop();
+});
+
+// See: https://github.com/withastro/astro/issues/15341
+test.describe('React v19 and preact hook issue', () => {
+	test('should not have "Invalid hook call" errors', async ({ page, astro }) => {
+		await page.goto(astro.resolveUrl('/'));
+
+		const errors = unhook();
+		const hasInvalidHookCallErrorLog = errors
+			.flat()
+			.some((log) => log.includes('Invalid hook call'));
+
+		expect(hasInvalidHookCallErrorLog).toBe(false);
+	});
+});
diff --git a/packages/integrations/preact/src/server.ts b/packages/integrations/preact/src/server.ts
@@ -136,8 +136,11 @@ function filteredConsoleError(msg: string, ...rest: any[]) {
 		// When attempting this on a React component, React may output
 		// the following error, which we can safely filter out:
 		const isKnownReactHookError =
-			msg.includes('Warning: Invalid hook call.') &&
-			msg.includes('https://reactjs.org/link/invalid-hook-call');
+			msg.includes('Invalid hook call.') &&
+			// for React v18 and earlier
+			(msg.includes('https://reactjs.org/link/invalid-hook-call') ||
+				// for React v19 and later
+				msg.includes('https://react.dev/link/invalid-hook-call'));
 		if (isKnownReactHookError) return;
 	}
 	originalConsoleError(msg, ...rest);

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml