Update Preact example to use Preact X hooks

package.json

@@ -19,7 +19,7 @@
     "jquery": "^3.4.1",
     "knockout": "^3.5.0",
     "mithril": "^2.0.3",
-    "preact": "^8.4.2",
+    "preact": "^10.4.8",
     "react": "^16.8.6",
     "svelte": "^3.6.9",
     "vue": "^2.6.10"

preact.test.js

@@ -1,26 +1,25 @@
-/** @jsx Preact.h */
+/** @jsx h */
 import '@testing-library/jest-dom/extend-expect'
-import * as Preact from 'preact'
+import {h, render as preactRender} from 'preact'
+import {useState} from 'preact/hooks'
 import {getQueriesForElement, fireEvent, wait} from '@testing-library/dom'
 
-class Counter extends Preact.Component {
-  state = {count: 0}
-  increment = () => this.setState(({count}) => ({count: count + 1}))
-  render() {
-    return (
-      <div>
-        <button onClick={this.increment}>{this.state.count}</button>
-      </div>
-    )
-  }
+function Counter() {
+  const [count, setCount] = useState(0)
+  const increment = () => setCount(c => c + 1)
+  return (
+    <div>
+      <button onClick={increment}>{count}</button>
+    </div>
+  )
 }
 
 function render(ui) {
   const container = document.createElement('div')
-  Preact.render(ui, container)
+  preactRender(ui, container)
   return {
-    container,
     ...getQueriesForElement(container),
+    container,
   }
 }