diff --git a/src/App.tsx b/src/App.tsx
new file mode 100644
index 0000000..31a1d62
--- /dev/null
+++ b/src/App.tsx
@@ -0,0 +1,8 @@
+import React from 'react'
+
+export default function App() {
+  const [count, setCount] = React.useState(0)
+  return <button onClick={() => setCount((count) => count + 1)}>
+    count is {count}
+  </button>;
+}
diff --git a/src/main.tsx b/src/main.tsx
index bc11115..1afc83d 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,12 +1,6 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
-
-function App() {
-  const [count, setCount] = React.useState(0)
-  return <button onClick={() => setCount((count) => count + 1)}>
-    count is {count}
-  </button>;
-}
+import App from './App';
 
 const root = document.getElementById('root');
 root && ReactDOM.createRoot(root).render(<React.StrictMode><App /></React.StrictMode>);
\ No newline at end of file