when adding isValidNewOption the 'create ""' option is always on

Are you reporting a bug or runtime error?

i want to add validation on new options but it seems to change the default behavior when I’m clicking on the input

import React, { Component } from 'react';
 import CreatableSelect from 'react-select/creatable';
const options = [
  { value: 'chocolate', label: 'Chocolate' },
  { value: 'strawberry', label: 'Strawberry' },
  { value: 'vanilla', label: 'Vanilla' }
]

export default class CreatableSingle extends Component<*, State> {
  handleChange = (newValue: any, actionMeta: any) => {
    console.group('Value Changed');
    console.log(newValue);
    console.log(`action: ${actionMeta.action}`);
    console.groupEnd();
  };
  handleInputChange = (inputValue: any, actionMeta: any) => {
    console.group('Input Changed');
    console.log(inputValue);
    console.log(`action: ${actionMeta.action}`);
    console.groupEnd();
  };
  render() {
    return (
      <CreatableSelect
        isClearable
        onChange={this.handleChange}
        onInputChange={this.handleInputChange}
        options={options}
        isValidNewOption={() => true}
      />
    );
  }
}

[ebonow]

@praveen7557 is this what you are looking for?

https://codesandbox.io/s/brave-moon-7y0vb?file=/src/App.js

  const isValidNewOption = () => true;

  const createLabel = () => `Create New Option`;

  const onCreateOption = () =>
    alert("Replace this with a modal or do something else...");

  return (
      <CreatableSelect
        isValidNewOption={isValidNewOption}
        formatCreateLabel={createLabel}
        options={basicOptions}
        onCreateOption={onCreateOption}
      />
  );

[ebonow]

@praveen7557 version 4 introduced new lifecycle methods to make it work with React v17, so you would need to change the version of React to v16 to make it work in the codesandbox. Here is the same example working against version react-select v3.1

https://codesandbox.io/s/brave-moon-7y0vb?file=/src/App.js