From 1fb91fc98fa7655ed2b85d285020848657c47cdd Mon Sep 17 00:00:00 2001
From: Takuya Matsuyama <hi@craftz.dog>
Date: Sat, 23 Apr 2022 17:25:22 +0900
Subject: [PATCH] fix(app): set focus to input on load

---
 src/App.jsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/App.jsx b/src/App.jsx
index d60aa13..3646d23 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,4 +1,4 @@
-import { useState, useCallback } from 'react'
+import { useState, useCallback, useEffect } from 'react'
 import logo from './logo.svg'
 import './App.css'
 import Chat from './chat'
@@ -18,6 +18,13 @@ function App() {
     }
   }, [newMessage, messages])
 
+  useEffect(() => {
+    const el = document.querySelector('.bubble.input > div')
+    if (el) {
+      el.focus()
+    }
+  }, [])
+
   return (
     <div className="App">
       <Chat>