2 files changed, 10 insertions, 3 deletions
diff --git a/examples/framework-preact/src/components/Counter.tsx b/examples/framework-preact/src/components/Counter.tsx
index f7db88c6d..a63bf0cd7 100644
--- a/examples/framework-preact/src/components/Counter.tsx
+++ b/examples/framework-preact/src/components/Counter.tsx
@@ -1,11 +1,17 @@
-import { h, Fragment } from 'preact';
+import type { ComponentChildren } from 'preact';
+import type { Signal } from '@preact/signals';
 import { lazy, Suspense } from 'preact/compat';
 import './Counter.css';
 
 const Message = lazy(async () => import('./Message'));
 const Fallback = () => <p>Loading...</p>;
 
-export default function Counter({ children, count }) {
+type Props = {
+	children: ComponentChildren;
+	count: Signal<number>;
+};
+
+export default function Counter({ children, count }: Props) {
 	const add = () => count.value++;
 	const subtract = () => count.value--;
 
diff --git a/examples/framework-preact/src/components/Message.tsx b/examples/framework-preact/src/components/Message.tsx
index 2ae48d04b..58b798c14 100644
--- a/examples/framework-preact/src/components/Message.tsx
+++ b/examples/framework-preact/src/components/Message.tsx
@@ -1,5 +1,6 @@
+import type { ComponentChildren } from 'preact';
 import './Message.css';
 
-export default function Message({ children }) {
+export default function Message({ children }: { children: ComponentChildren }) {
 	return <div class="message">{children}</div>;
 }