Connectors: no error is displayed if the syntax is not valid
1. Edit an existing connector config
2. Invalid syntax is not displayed ("config is not JSON object") until you click outside the config textarea.
kafka-ui-react-app/src/components/Connect/Details/Config/Config.tsx
kafka-ui-react-app/src/components/Connect/Details/Config/Config.tsx
diff --git a/kafka-ui-react-app/src/components/Connect/Details/Config/Config.tsx b/kafka-ui-react-app/src/components/Connect/Details/Config/Config.tsx
index 0e86d48940d..8a372e9d12b 100644
--- a/kafka-ui-react-app/src/components/Connect/Details/Config/Config.tsx
+++ b/kafka-ui-react-app/src/components/Connect/Details/Config/Config.tsx
@@ -37,7 +37,7 @@ const Config: React.FC = () => {
     formState: { isDirty, isSubmitting, isValid, errors },
     setValue,
   } = useForm<FormValues>({
-    mode: 'onTouched',
+    mode: 'onChange',
     resolver: yupResolver(validationSchema),
     defaultValues: {
       config: JSON.stringify(config, null, '\t'),
