Remount connector form on type switch (#19511)

Author: Tim Roes

airbyte-webapp/src/views/Connector/ConnectorCard/ConnectorCard.tsx

@@ -172,6 +172,10 @@ export const ConnectorCard: React.FC<ConnectorCardCreateProps | ConnectorCardEdi
         {additionalSelectorComponent}
         <div>
           <ConnectorForm
+            // Causes the whole ConnectorForm to be unmounted and a new instance mounted whenever the connector type changes.
+            // That way we carry less state around inside it, preventing any state from one connector type from affecting another
+            // connector type's form in any way.
+            key={selectedConnectorDefinition && Connector.id(selectedConnectorDefinition)}
             {...props}
             selectedConnectorDefinition={selectedConnectorDefinition}
             selectedConnectorDefinitionSpecification={selectedConnectorDefinitionSpecification}

airbyte-webapp/src/views/Connector/ConnectorForm/components/Property/LabelInfo.tsx

@@ -41,7 +41,7 @@ const Examples: React.FC<Pick<LabelInfoProps, "examples">> = ({ examples }) => {
       </h4>
       <div className={styles.exampleContainer}>
         {examplesArray.map((example) => (
-          <span className={styles.exampleItem}>{example}</span>
+          <span className={styles.exampleItem}>{String(example)}</span>
         ))}
       </div>
     </div>