From 3b5513be367f3f9a5bc3c4085fe4da4c56558ee5 Mon Sep 17 00:00:00 2001
From: Stephen Liu <750188453@qq.com>
Date: Thu, 30 Jun 2022 16:21:33 +0800
Subject: [PATCH] fix(database-modal): forms in database modal will be effected
 by external form values (#20487)

(cherry picked from commit 932e304ffbd14c46b2d816743c50c6aa7832fca2)
---
 .../database/DatabaseModal/DatabaseConnectionForm/index.tsx  | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/superset-frontend/src/views/CRUD/data/database/DatabaseModal/DatabaseConnectionForm/index.tsx b/superset-frontend/src/views/CRUD/data/database/DatabaseModal/DatabaseConnectionForm/index.tsx
index 0bb2cb4dad5f7..84108e40dcc65 100644
--- a/superset-frontend/src/views/CRUD/data/database/DatabaseModal/DatabaseConnectionForm/index.tsx
+++ b/superset-frontend/src/views/CRUD/data/database/DatabaseModal/DatabaseConnectionForm/index.tsx
@@ -19,6 +19,7 @@
 import React, { FormEvent } from 'react';
 import { SupersetTheme, JsonObject } from '@superset-ui/core';
 import { InputProps } from 'antd/lib/input';
+import { Form } from 'src/components/Form';
 import {
   hostField,
   portField,
@@ -130,7 +131,7 @@ const DatabaseConnectionForm = ({
   validationErrors: JsonObject | null;
   getValidation: () => void;
 }) => (
-  <>
+  <Form>
     <div
       // @ts-ignore
       css={(theme: SupersetTheme) => [
@@ -165,7 +166,7 @@ const DatabaseConnectionForm = ({
           }),
         )}
     </div>
-  </>
+  </Form>
 );
 export const FormFieldMap = FORM_FIELD_MAP;