fix

Author: slax57

packages/ra-core/src/form/choices/useChoices.tsx

@@ -27,6 +27,8 @@ export interface UseChoicesOptions {
     optionText?: OptionText;
     disableValue?: string;
     translateChoice?: boolean;
+    createValue?: string;
+    createHintValue?: string;
 }
 
 /*
@@ -45,11 +47,18 @@ export const useChoices = ({
     optionValue = 'id',
     disableValue = 'disabled',
     translateChoice = true,
+    createValue = '@@ra-create',
+    createHintValue = '@@ra-create-hint',
 }: UseChoicesOptions) => {
     const translate = useTranslate();
 
     const getChoiceText = useCallback(
         choice => {
+            if (choice?.id === createValue || choice?.id === createHintValue) {
+                // For the create choice, we always use the name prop as text
+                return get(choice, 'name');
+            }
+
             if (isValidElement<{ record: any }>(optionText)) {
                 return (
                     <RecordContextProvider value={choice}>
@@ -68,7 +77,7 @@ export const useChoices = ({
                   ? translate(String(choiceName), { _: choiceName })
                   : String(choiceName);
         },
-        [optionText, translate, translateChoice]
+        [createHintValue, createValue, optionText, translate, translateChoice]
     );
 
     const getChoiceValue = useCallback(

packages/ra-core/src/form/useSuggestions.ts

@@ -30,6 +30,7 @@ export const useSuggestions = ({
     choices,
     createText = 'ra.action.create',
     createValue = '@@create',
+    createHintValue = '@@ra-create-hint',
     limitChoicesToValue,
     matchSuggestion,
     optionText,
@@ -43,6 +44,8 @@ export const useSuggestions = ({
         optionText,
         optionValue,
         translateChoice,
+        createValue,
+        createHintValue,
     });
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -93,7 +96,6 @@ export interface UseSuggestionsOptions extends UseChoicesOptions {
     allowDuplicates?: boolean;
     choices?: any[];
     createText?: string;
-    createValue?: any;
     limitChoicesToValue?: boolean;
     matchSuggestion?: (
         filter: string,

packages/ra-ui-materialui/src/input/AutocompleteInput.tsx

@@ -325,7 +325,8 @@ If you provided a React element for the optionText prop, you must also provide t
         optionText:
             optionText ??
             (isFromReference ? getRecordRepresentation : undefined),
-        optionValue,
+        createValue,
+        createHintValue,
         selectedItem: selectedChoice,
         suggestionLimit,
         translateChoice: translateChoice ?? !isFromReference,

packages/ra-ui-materialui/src/input/SelectInput.tsx

@@ -122,6 +122,7 @@ export const SelectInput = (inProps: SelectInputProps) => {
         create,
         createLabel,
         createValue,
+        createHintValue,
         defaultValue,
         disableValue = 'disabled',
         emptyText = '',
@@ -192,6 +193,8 @@ export const SelectInput = (inProps: SelectInputProps) => {
         optionValue,
         disableValue,
         translateChoice: translateChoice ?? !isFromReference,
+        createValue,
+        createHintValue,
     });
     const { field, fieldState, id, isRequired } = useInput({
         defaultValue,
@@ -249,6 +252,7 @@ export const SelectInput = (inProps: SelectInputProps) => {
         create,
         createLabel,
         createValue,
+        createHintValue,
         handleChange,
         onCreate,
         optionText,

packages/ra-ui-materialui/src/input/useSupportCreateSuggestion.tsx

@@ -39,7 +39,6 @@ export const useSupportCreateSuggestion = (
         createItemLabel,
         createValue = '@@ra-create',
         createHintValue = '@@ra-create-hint',
-        optionText = 'name',
         filter,
         handleChange,
         onCreate,
@@ -62,7 +61,7 @@ export const useSupportCreateSuggestion = (
                             ? createHintValue
                             : createValue,
                 },
-                typeof optionText === 'string' ? optionText : 'name',
+                'name',
                 filter && createItemLabel
                     ? translate(createItemLabel, {
                           item: filter,