fix import sample dialog

Signed-off-by: ruiyi.jiang <ruiyi.jiang@zilliz.com>

client/src/pages/dialogs/ImportSampleDialog.tsx

@@ -196,7 +196,7 @@ const ImportSampleDialog: FC<{ collection: CollectionObject; cb?: Function }> =
         // don't show close icon when insert not finish
         // showCloseIcon={insertStatus !== InsertStatusEnum.loading}
       >
-        <form className={classes.selectors}>
+        <section className={classes.selectors}>
           <div className="selectorWrapper">
             <div className="description">
               <Typography variant="inherit" component="p">
@@ -242,7 +242,7 @@ const ImportSampleDialog: FC<{ collection: CollectionObject; cb?: Function }> =
               />
             </div>
           </div>
-        </form>
+        </section>
       </DialogTemplate>
     );
   };

client/src/pages/query/Query.tsx

@@ -172,7 +172,7 @@ const Query = () => {
           type: 'custom',
           params: {
             component: (
-              <ImportSampleDialog collection={collectionName} cb={onDelete} />
+              <ImportSampleDialog collection={collection!} cb={onDelete} />
             ),
           },
         });