diff --git a/packages/components/frontend/ConfigEditor.tsx b/packages/components/frontend/ConfigEditor.tsx
index f39c0b732..5df323611 100644
--- a/packages/components/frontend/ConfigEditor.tsx
+++ b/packages/components/frontend/ConfigEditor.tsx
@@ -117,7 +117,7 @@ function MonacoContainer({
 }
 
 export default function ConfigEditor({
-  schema, config, monaco, Markdown, onSave, registerAction, sidebar,
+  schema, config, monaco, Markdown, onSave, registerAction, sidebar, dynamic,
 }) {
   const getValue = () => {
     try {
@@ -178,7 +178,7 @@ export default function ConfigEditor({
         <div style={{
           overflowY: 'scroll', top: 0, bottom: 0, left: 0, right: 0, position: 'absolute', marginLeft: 10,
         }}>
-          <Form schema={schema} initial={initial} value={value} onChange={updateFromForm} />
+          <Form schema={schema} initial={initial} value={value} onChange={updateFromForm} dynamic={dynamic} />
         </div>
       </Allotment.Pane>
       {sidebar && <Allotment.Pane maxSize={220}>{sidebar}</Allotment.Pane>}
diff --git a/packages/ui-default/pages/setting.page.tsx b/packages/ui-default/pages/setting.page.tsx
index aa308f4a3..a9c9d4a1b 100644
--- a/packages/ui-default/pages/setting.page.tsx
+++ b/packages/ui-default/pages/setting.page.tsx
@@ -45,6 +45,7 @@ const page = new NamedPage('manage_config', async () => {
           });
         }}
         sidebar={<DomComponent childDom={$('.section.side').get(0)} />}
+        dynamic={UiContext.dynamic || {}}
       />
       <style>{`
         body {