+ )
+}
diff --git a/examples/preact-testing-lib/src/hooks/useCount.test.ts b/examples/preact-testing-lib/src/hooks/useCount.test.ts
new file mode 100644
index 000000000000..531df75c898d
--- /dev/null
+++ b/examples/preact-testing-lib/src/hooks/useCount.test.ts
@@ -0,0 +1,12 @@
+import { act, renderHook } from '@testing-library/preact'
+import { useCount } from './useCount'
+
+describe('useCount hook', () => {
+ it('should increment', () => {
+ const { result } = renderHook(() => useCount())
+ act(() => {
+ result.current.inc()
+ })
+ expect(result.current.count).toBe(1)
+ })
+})
diff --git a/examples/preact-testing-lib/src/hooks/useCount.ts b/examples/preact-testing-lib/src/hooks/useCount.ts
new file mode 100644
index 000000000000..4f7ce3977f4a
--- /dev/null
+++ b/examples/preact-testing-lib/src/hooks/useCount.ts
@@ -0,0 +1,10 @@
+import { useCallback, useState } from 'preact/hooks'
+
+export function useCount() {
+ const [count, setCount] = useState(0)
+ const inc = useCallback(() => setCount(x => x + 1), [])
+ return {
+ count,
+ inc,
+ }
+}
diff --git a/examples/preact-testing-lib/src/main.less b/examples/preact-testing-lib/src/main.less
new file mode 100644
index 000000000000..ec2585e8c0bb
--- /dev/null
+++ b/examples/preact-testing-lib/src/main.less
@@ -0,0 +1,13 @@
+body {
+ margin: 0;
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+ 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+ sans-serif;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+ font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+ monospace;
+}
diff --git a/examples/preact-testing-lib/src/main.tsx b/examples/preact-testing-lib/src/main.tsx
new file mode 100644
index 000000000000..6b69eb40d1c0
--- /dev/null
+++ b/examples/preact-testing-lib/src/main.tsx
@@ -0,0 +1,5 @@
+import { render } from 'preact'
+import App from './App'
+import './main.less'
+
+render(