Remove the default "Create XXX" from options

[assaf-itzikson]

Is there a way to remove the default option to create something in a CreatableSelect dropdown?
I'm talking about the Create "166" on the bottom of the list. I don't need it because everything I want to add to the list must have the @ symbol on it.

Thank you.

[Rall3n]

Hello @assaf-itzikson,

do I understand you correctly, that you don't want the Create ... option? If so, I recommend not using the Creatable component and instead going for the default Select component, as the option is crucial for the functionality of the Creatable component and removing it would just leave unused code in your bundle.

If you just want the option to appear for certain conditions (e.g. value starting with @), I recommend using the isValidNewOption prop, which accepts a function as its value. This function gets the value of the search input as its first argument.

<Creatable isValidNewOption={(inputValue) => inputValue && inputValue.startsWith('@') && /* Check for existing value */} />

[assaf-itzikson]

Thank you, I will try that and update.

[assaf-itzikson]

Hello @assaf-itzikson,

do I understand you correctly, that you don't want the Create ... option? If so, I recommend not using the Creatable component and instead going for the default Select component, as the option is crucial for the functionality of the Creatable component and removing it would just leave unused code in your bundle.

If you just want the option to appear for certain conditions (e.g. value starting with @), I recommend using the isValidNewOption prop, which accepts a function as its value. This function gets the value of the search input as its first argument.

<Creatable isValidNewOption={(inputValue) => inputValue && inputValue.startsWith('@') && /* Check for existing value */} />

sorry for the late reply, I just had the opportunity to talk to my dev and he confirmed that the method you suggested helped with removing the Create... option.

so, thank you once again.