I am trying to sort my components

```
<input type="text" value={props.filters.text} onChange={(e) => {
            props.dispatch(setTextFilter(e.target.value));
        }} />
        {console.log(props.filters.sortBy)}
        <select value={props.filters.sortBy} onChange={(e) => {
            if (e.target.value === 'date') {
                props.dispatch(sortByDate());
            } else if (e.target.value === 'amount') {
                props.dispatch(sortByAmount());
            }
        }}>
            <option value="amount">Amount</option>
            <option value="date">Date</option>
        </select>

```

I am having an error in the select tag.
Getting error `A component is changing a controlled input of type text to be uncontrolled`
value of props.filters.sortBy initially is the date. When I try to change change it from the dropdown the error occurs.