Quick bugfix

Author: Ruben van Leeuwen

frontend/packages/pydantic-forms/src/components/fields/ArrayField.tsx

@@ -76,7 +76,7 @@ export const ArrayField = ({ pydanticFormField }: PydanticFormElementProps) => {
                 <div
                     onClick={() => {
                         append({
-                            [arrayName]: undefined,
+                            [arrayName]: arrayItem.default ?? undefined,
                         });
                     }}
                     style={{

frontend/packages/pydantic-forms/src/components/fields/IntegerField.tsx

@@ -18,7 +18,8 @@ export const IntegerField = ({
                 onChange(value);
             }}
             disabled={disabled}
-            value={!isObject(value) ? value : ''} // Value can be an object when it is created from an ArrayField
+            // Value will be an object when it is added by an array field. We do this be able to add more than one empty field
+            value={isObject(value) ? undefined : value}
             type="number"
             style={{
                 padding: '8px',

frontend/packages/pydantic-forms/src/components/fields/TextField.tsx

@@ -5,6 +5,8 @@
  */
 import React from 'react';
 
+import { isObject } from 'lodash';
+
 import { PydanticFormControlledElementProps } from '@/types';
 
 export const TextField = ({
@@ -19,7 +21,8 @@ export const TextField = ({
             onChange(t.currentTarget.value);
         }}
         disabled={disabled}
-        value={value}
+        // Value will be an object when it is added by an array field. We do this be able to add more than one empty field
+        value={isObject(value) ? '' : value}
         type="text"
         style={{
             padding: '8px',