Comment form doesn't allow click inside after comment submit

src/components/CommentCreateForm/CommentCreateForm.tsx

@@ -33,9 +33,9 @@ const CommentCreateForm: React.FC<CommentCreateFormProps> = ({ goalId, states, o
     const [pushState, setPushState] = useState<State | undefined>();
 
     const createComment = useCallback(
-        (form: GoalCommentSchema) => {
+        async (form: GoalCommentSchema) => {
             // FIXME: maybe async/await would be better API
-            create(({ id }) => {
+            await create(({ id }) => {
                 onSubmit?.(id);
                 setPushState(undefined);
             })(form);

src/components/CommentForm/CommentForm.tsx

@@ -21,7 +21,7 @@ interface CommentFormProps {
     description?: string;
 
     renderActionButton: (props: { busy?: boolean }) => React.ReactNode;
-    onSubmit?: (form: GoalCommentSchema) => void;
+    onSubmit?: (form: GoalCommentSchema) => void | Promise<void>;
     onFocus?: () => void;
     onCancel?: () => void;
 }
@@ -98,11 +98,14 @@ export const CommentForm: React.FC<CommentFormProps> = ({
     }, [onCancel, reset]);
 
     const onCommentSubmit = useCallback(
-        (form: GoalCommentSchema) => {
+        async (form: GoalCommentSchema) => {
             setBusy(true);
             setCommentFocused(false);
-            onSubmit?.(form);
             reset();
+
+            await onSubmit?.(form);
+
+            setBusy(false);
         },
         [onSubmit, reset],
     );

src/hooks/useCommentResource.ts

@@ -22,6 +22,7 @@ export const useCommentResource = () => {
             const [data] = await notifyPromise(promise, 'commentCreate');
 
             data && cb(data);
+            return data;
         };
 
     const update =