0

I have a field like this

<Field
   name="categories"
   component={renderField.rendererPrimeSelect}
   options={this.state.categoriesList}
   placeholder="Select Categories"
   validate={[validateAction.required]}
   filter
 />

this is my component

 const rendererPrimeSelect = (props) => {
return <>
    <MultiSelect
    {...props}
    value={props.input.value}
    filter={props.filter}
    disabled={props.disabled}
    filterPlaceholder={props.filterPlaceholder}
    placeholder={props.placeholder}
    options={props.options}
    onChange={(value) => props.input.onChange(value)}
    />
    {props.meta.touched && (props.meta.error && <p  style={{ color: "red",fontSize:"12px" }}>{props.meta.error}</p>)}
</>

I don't know what is the error about. Please help

Jasper de Vries
  • 19,370
  • 6
  • 64
  • 102
Hari ragavan
  • 21
  • 1
  • 3
  • 1
    the error is clear a prop `allChecked` should receive a boolean but it received a string, can you check `{...props}` and see what value is passed to `allChecked` ? – mocherfaoui Sep 13 '22 at 08:56

0 Answers0