I'm using the antd input component with the allowClear prop as in the example below:

    <Input
      allowClear
      value={value}
      defaultValue={value}
      onChange={e => {
        setValue(e.target.value);
      }}
      placeholder={`Search`}
    />

When you pass the allowClear a little x button appear in the input so you can clear it, the problem is that every time I click the x button I get the following error:

TypeError: Cannot set property target of #<Event> which has only a getter