Set focus on input

components/REPL/index.tsx

@@ -1,14 +1,15 @@
-import { useState } from "react";
+import { useRef, useState } from "react";
 import REPLInput from "./REPLInput";
 import REPLHistory from "./REPLHistory";
 
 const REPL = () => {
     const [history, manipulateHistory] = useState<string[]>([]);
+    const inputRef = useRef<HTMLInputElement>();
     const onCommandExecuted = (result: string[]) => manipulateHistory(result.reverse().concat(history).slice(0, 1000));
 
     return (<>
-        <REPLHistory history={history} />
-        <REPLInput historyCallback={onCommandExecuted} />
+        <REPLHistory history={history} inputRef={inputRef} />
+        <REPLInput historyCallback={onCommandExecuted} inputRef={inputRef} />
     </>);
 };