From d88c91c11a8fcb350d2ef210141f7746a21dd43d Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Mon, 22 Mar 2021 12:11:12 +0000
Subject: [PATCH] Update data provider select to use safe binding options

---
 .../PropertiesPanel/PropertyControls/DataProviderSelect.svelte | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/builder/src/components/design/PropertiesPanel/PropertyControls/DataProviderSelect.svelte b/packages/builder/src/components/design/PropertiesPanel/PropertyControls/DataProviderSelect.svelte
index 9944f6b0e8..e773ba5e5d 100644
--- a/packages/builder/src/components/design/PropertiesPanel/PropertyControls/DataProviderSelect.svelte
+++ b/packages/builder/src/components/design/PropertiesPanel/PropertyControls/DataProviderSelect.svelte
@@ -1,5 +1,6 @@
 <script>
   import { Select } from "@budibase/bbui"
+  import { makePropSafe } from "@budibase/string-templates"
   import { currentAsset, store } from "builderStore"
   import { findComponentPath } from "builderStore/storeUtils"
 
@@ -16,7 +17,7 @@
   <option value="">Choose option</option>
   {#if providers}
     {#each providers as component}
-      <option value={`{{ literal ${component._id} }}`}>
+      <option value={`{{ literal ${makePropSafe(component._id)} }}`}>
         {component._instanceName}
       </option>
     {/each}