diff --git a/compat/client.d.ts b/compat/client.d.ts
index 5024a565dc..5daf8ea1e5 100644
--- a/compat/client.d.ts
+++ b/compat/client.d.ts
@@ -1,11 +1,11 @@
 import * as preact from '../src';
 
 export function createRoot(container: preact.ContainerNode): {
-	render(children: preact.VNode<any>): void;
+	render(children: preact.ComponentChild): void;
 	unmount(): void;
 };
 
 export function hydrateRoot(
 	container: preact.ContainerNode,
-	children: preact.VNode<any>
+	children: preact.ComponentChild
 ): typeof createRoot;
diff --git a/compat/src/index.d.ts b/compat/src/index.d.ts
index 3a054da47c..dbbc61b954 100644
--- a/compat/src/index.d.ts
+++ b/compat/src/index.d.ts
@@ -87,18 +87,18 @@ declare namespace React {
 	export import ChangeEventHandler = JSXInternal.GenericEventHandler;
 
 	export function createPortal(
-		vnode: preact.VNode,
+		vnode: preact.ComponentChildren,
 		container: preact.ContainerNode
 	): preact.VNode<any>;
 
 	export function render(
-		vnode: preact.VNode<any>,
+		vnode: preact.ComponentChild,
 		parent: preact.ContainerNode,
 		callback?: () => void
 	): Component | null;
 
 	export function hydrate(
-		vnode: preact.VNode<any>,
+		vnode: preact.ComponentChild,
 		parent: preact.ContainerNode,
 		callback?: () => void
 	): Component | null;