work on next13

src/components/Dashboard/Modals/EditAppModal/Tabs/IntegrationTab/Components/InputElements/IntegrationSelector.tsx

@@ -126,11 +126,11 @@ export const IntegrationSelector = ({ form }: IntegrationSelectorProps) => {
           />
         )
       }
+      {...inputProps}
       onChange={(value) => {
         form.setFieldValue('integration.properties', getNewProperties(value));
         inputProps.onChange(value);
       }}
-      {...inputProps}
     />
   );
 };

src/components/Dashboard/Modals/EditAppModal/Tabs/IntegrationTab/Components/IntegrationOptionsRenderer/IntegrationOptionsRenderer.tsx

@@ -61,7 +61,6 @@ export const IntegrationOptionsRenderer = ({ form }: IntegrationOptionsRendererP
               label={`${property} (potentionally unmapped)`}
               secretIsPresent={isPresent}
               setIcon={IconKey}
-              value={formValue.value}
               type={accessabilityType}
               {...form.getInputProps(`integration.properties.${index}.value`)}
             />
@@ -76,7 +75,6 @@ export const IntegrationOptionsRenderer = ({ form }: IntegrationOptionsRendererP
             }}
             key={`input-${definition.label}`}
             label={definition.label}
-            value=""
             secretIsPresent={isPresent}
             setIcon={definition.icon}
             type={accessabilityType}

src/components/Dashboard/Modals/EditAppModal/Tabs/NetworkTab/NetworkTab.tsx

@@ -27,9 +27,9 @@ export const NetworkTab = ({ form }: NetworkTabProps) => {
           data={StatusCodes}
           clearable
           searchable
-          defaultValue={form.values.network.okStatus}
+          defaultValue={form.values.network.statusCodes}
           variant="default"
-          {...form.getInputProps('network.okStatus')}
+          {...form.getInputProps('network.statusCodes')}
         />
       )}
     </Tabs.Panel>

src/components/Dashboard/Modals/SelectElement/Components/Shared/GenericElementType.tsx

@@ -24,7 +24,9 @@ export const GenericAvailableElementType = ({
   const { t } = useTranslation('layout/modals/about');
 
   const Icon =
-    typeof image === 'string' ? () => <Image src={image} width={24} height={24} /> : image;
+    typeof image === 'string'
+      ? () => <Image alt={name} src={image} width={24} height={24} />
+      : image;
 
   return (
     <Grid.Col span={3}>