const AutoCompleteNotes = ({ frequency, changeFrequency, handleFrequencyEnterKey }) => { return ( <div> <AutoComplete searchText={frequency} dataSource={frequencies} onUpdateInput={changeFrequency} onKeyDown={handleFrequencyEnterKey} filter={AutoComplete.caseInsensitiveFilter} floatingLabelText="Enter note: C1, C#1, Db1, etc" /> </div> ); }