fixed custom views setter issue (#5586)

* fixed custom views setter issue

* Add (commented out) custom field views example

Co-authored-by: Jed Watson <jed.watson@me.com>

.changeset/fuzzy-laws-learn.md

@@ -0,0 +1,5 @@
+---
+'@keystone-next/admin-ui': patch
+---
+
+Fixed a bug where custom Field views were not able to be used in the Admin UI (object does not have setter error)

examples/basic/admin/fieldViews/Test.tsx

@@ -0,0 +1,29 @@
+/* @jsx jsx */
+
+import { FieldProps } from '@keystone-next/types';
+import { jsx } from '@keystone-ui/core';
+import { FieldContainer, FieldLabel, TextArea, TextInput } from '@keystone-ui/fields';
+import { controller } from '@keystone-next/fields/types/text/views';
+
+export const Field = ({ field, value, onChange, autoFocus }: FieldProps<typeof controller>) => (
+  <FieldContainer>
+    <FieldLabel>{field.label} with custom view</FieldLabel>
+    {onChange ? (
+      field.displayMode === 'textarea' ? (
+        <TextArea
+          autoFocus={autoFocus}
+          onChange={event => onChange(event.target.value)}
+          value={value}
+        />
+      ) : (
+        <TextInput
+          autoFocus={autoFocus}
+          onChange={event => onChange(event.target.value)}
+          value={value}
+        />
+      )
+    ) : (
+      value
+    )}
+  </FieldContainer>
+);

examples/basic/schema.ts

@@ -125,6 +125,9 @@ export const lists = createSchema({
   Post: list({
     fields: {
       title: text(),
+      // TODO: expand this out into a proper example project
+      // Enable this line to test custom field views
+      // test: text({ ui: { views: require.resolve('./admin/fieldViews/Test.tsx') } }),
       status: select({
         options: [
           { label: 'Published', value: 'published' },

packages-next/admin-ui/src/utils/useAdminMeta.tsx

@@ -93,7 +93,7 @@ export function useAdminMeta(adminMetaHash: string, fieldViews: FieldViews) {
             );
           }
         });
-        const views = fieldViews[field.viewsIndex];
+        const views = { ...fieldViews[field.viewsIndex] };
         const customViews: Record<string, any> = {};
         if (field.customViewsIndex !== null) {
           const customViewsSource: FieldViews[number] & Record<string, any> =