diff --git a/client/app/pages/queries/QuerySource.jsx b/client/app/pages/queries/QuerySource.jsx
index 79b9e40287..0fe80271e6 100644
--- a/client/app/pages/queries/QuerySource.jsx
+++ b/client/app/pages/queries/QuerySource.jsx
@@ -11,6 +11,7 @@ import Resizable from "@/components/Resizable";
 import Parameters from "@/components/Parameters";
 import EditInPlace from "@/components/EditInPlace";
 import QueryEditor from "@/components/queries/QueryEditor";
+import DynamicComponent from "@/components/DynamicComponent";
 import recordEvent from "@/services/recordEvent";
 import { ExecutionStatus } from "@/services/query-result";
 
@@ -218,6 +219,7 @@ function QuerySource(props) {
                     </Select.Option>
                   ))}
                 </Select>
+                <DynamicComponent name="SelectDataSourceExtra" dataSourceId={dataSource ? dataSource.id : undefined} />
               </div>
             )}
             <div className="editor__left__schema">