diff --git a/src/App.jsx b/src/App.jsx
index 85ffc61..2079943 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,5 +1,7 @@
+import { Counter } from "./Counter"
+
 function App() {
-  return "Hello World"
+  return <Counter />
 }
 
 export default App
diff --git a/src/Counter.jsx b/src/Counter.jsx
new file mode 100644
index 0000000..7d4d06d
--- /dev/null
+++ b/src/Counter.jsx
@@ -0,0 +1,10 @@
+import { useState } from "react"
+
+export function Counter() {
+  const [count, setCount] = useState(0)
+
+  function handleClick() {
+    setCount((count) => count + 1)
+  }
+  return <div onClick={handleClick}>{count}</div>
+}