fix uncontrolled error

Author: 634750802

frontend/app/src/components/embedding-models/UpdateEmbeddingModelForm.tsx

@@ -152,7 +152,7 @@ const updatedAtAccessor = getDatetimeAccessor('updated_at');
 const stringCredentialSchema = z.string().optional();
 const dictCredentialSchema = zodJsonText();
 
-const stringCredentialAccessor = fieldAccessor<UpdateEmbeddingModel, 'credentials'>('credentials');
+const stringCredentialAccessor = fieldAccessor<UpdateEmbeddingModel, 'credentials', ''>('credentials');
 const dictCredentialAccessor: GeneralSettingsFieldAccessor<UpdateEmbeddingModel, string> = {
   path: ['credentials'],
   get (data) {

frontend/app/src/components/llm/UpdateLLMForm.tsx

@@ -159,7 +159,7 @@ const updatedAtAccessor = getDatetimeAccessor('updated_at');
 const stringCredentialSchema = z.string().optional();
 const dictCredentialSchema = zodJsonText();
 
-const stringCredentialAccessor = fieldAccessor<UpdateLLM, 'credentials'>('credentials');
+const stringCredentialAccessor = fieldAccessor<UpdateLLM, 'credentials'>('credentials', '');
 const dictCredentialAccessor: GeneralSettingsFieldAccessor<UpdateLLM, string> = {
   path: ['credentials'],
   get (data) {

frontend/app/src/components/reranker/UpdateRerankerForm.tsx

@@ -166,7 +166,7 @@ const updatedAtAccessor = getDatetimeAccessor('updated_at');
 const stringCredentialSchema = z.string().optional();
 const dictCredentialSchema = zodJsonText();
 
-const stringCredentialAccessor = fieldAccessor<UpdateReranker, 'credentials'>('credentials');
+const stringCredentialAccessor = fieldAccessor<UpdateReranker, 'credentials'>('credentials', '');
 const dictCredentialAccessor: GeneralSettingsFieldAccessor<UpdateReranker, string> = {
   path: ['credentials'],
   get (data) {

frontend/app/src/components/settings-form/GeneralSettingsField.tsx

@@ -14,10 +14,10 @@ export interface GeneralSettingsFieldAccessor<Data, FieldData> {
   set: (data: Readonly<Data>, value: FieldData) => Data,
 }
 
-export function fieldAccessor<Data, Key extends keyof Data> (key: Key): GeneralSettingsFieldAccessor<Data, Data[Key]> {
+export function fieldAccessor<Data, Key extends keyof Data> (key: Key, defaultValue?: Data[Key]): GeneralSettingsFieldAccessor<Data, Data[Key]> {
   return {
     path: [key],
-    get: (data) => data[key],
+    get: (data) => data[key] ?? defaultValue as Data[Key],
     set: (data, value) => {
       return {
         ...data,