feat: auto-focus first fields.

client/src/hooks/index.js

@@ -1,5 +1,6 @@
 import {useRef, useEffect} from 'react';
 import useAsync from './async';
+import useAutofocus from './useAutofocus';
 
 // import use from 'async';
 
@@ -34,8 +35,7 @@ export function useIsValuePassed(value, compatatorValue) {
   return cache.current.indexOf(compatatorValue) !== -1;
 }
 
-
-export default {
+export {
   useAsync,
-  useUpdateEffect,
+  useAutofocus,
 }

client/src/hooks/useAutofocus.js

@@ -0,0 +1,13 @@
+import { useRef, useEffect } from 'react';
+
+export default function useAutofocus() {
+  const ref = useRef();
+
+  useEffect(() => {
+    if (ref.current) {
+      ref.current.focus();
+    }
+  }, [ref]);
+
+  return ref;
+}