diff --git a/.changeset/cold-lies-move.md b/.changeset/cold-lies-move.md
new file mode 100644
index 000000000..5eac2137d
--- /dev/null
+++ b/.changeset/cold-lies-move.md
@@ -0,0 +1,5 @@
+---
+'@astrojs/renderer-preact': patch
+---
+
+Fix an issue where preact component UI wouldn't update on hydrate
diff --git a/packages/renderers/renderer-preact/client.js b/packages/renderers/renderer-preact/client.js
index 2b8d4bd49..22dd28124 100644
--- a/packages/renderers/renderer-preact/client.js
+++ b/packages/renderers/renderer-preact/client.js
@@ -1,4 +1,4 @@
-import { h, hydrate } from 'preact';
+import { h, render } from 'preact';
 import StaticHtml from './static-html.js';
 
-export default (element) => (Component, props, children) => hydrate(h(Component, props, h(StaticHtml, { value: children })), element);
+export default (element) => (Component, props, children) => render(h(Component, props, h(StaticHtml, { value: children })), element);