fix(app-headless-cms): ref fields component key (#3571)

webiny · Oct 3, 2023 · 8743fd6 · 8743fd6
1 parent 8ac4546
commit 8743fd6
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/packages/app-headless-cms/src/admin/plugins/fieldRenderers/ref/refInputs.tsx b/packages/app-headless-cms/src/admin/plugins/fieldRenderers/ref/refInputs.tsx
@@ -1,17 +1,18 @@
 import React from "react";
-import { CmsContentEntry, CmsModelField, CmsModelFieldRendererPlugin } from "~/types";
+import { CmsModelField, CmsModelFieldRendererPlugin } from "~/types";
 import ContentEntriesMultiAutocomplete from "./components/ContentEntriesMultiAutoComplete";
 
 import { i18n } from "@webiny/app/i18n";
-import { BindComponentRenderProp } from "@webiny/form";
 
 const t = i18n.ns("app-headless-cms/admin/fields/ref");
 
 const getKey = (
     field: CmsModelField,
-    bind: BindComponentRenderProp<string, CmsContentEntry>
+    data?: {
+        id?: string;
+    }
 ): string => {
-    return bind.form.data.id + "." + field.fieldId;
+    return (data?.id || "unknown") + "." + field.fieldId;
 };
 
 const plugin: CmsModelFieldRendererPlugin = {
@@ -30,7 +31,7 @@ const plugin: CmsModelFieldRendererPlugin = {
                 <Bind>
                     {bind => (
                         <ContentEntriesMultiAutocomplete
-                            key={getKey(props.field, bind as any)}
+                            key={getKey(props.field, bind.form?.data)}
                             {...props}
                             bind={bind}
                         />