В реакции-выбора-поиска При вводе имени результаты заполняются

Question

Поскольку я новичок, я пробовал поисковый фильтр в Reaction.js. Использование реагирующего поискового фильтра Я пробовал реагировать на выбор, и во время поиска параметры заполняются

после того, как я ввожу параметры имени, заполняется

Я ожидал, что единственный результат, который я набрал для поиска при нажатии кнопки ввода. Пожалуйста помоги Спасибо

код App.js

import React from 'react';
import {friends} from './data.js';
import SelectSearch from 'react-select-search';

class App extends React.Component {
  constructor(props) {
    super(props);


  }

  render() {

    function renderFriend(option) {
      const imgStyle = {
          borderRadius: '50%',
          verticalAlign: 'middle',
          marginRight: 10,
      };

      return (<span><img alt="" style={imgStyle} width="40" height="40" src={option.photo} /><span>{option.name}</span></span>);
  }


    return (
      <div className="App">
     <div className="container">
    <div className="row">
    <SelectSearch

    autofocus={true} 
    isSearchable={true}

                        value='one'
                        options={friends}
                        renderOption={renderFriend}
                    />

    </div>
  </div>
      </div>
    );
  }
}

export default App;

data.js

export const friends = [

    {name: 'Pencil', value: 'Apsara', company: "Apsara",photo: './img/pencil_2.jpg'},
    {name: 'book', value: 'Navneet', company: "navneet",photo: './img/pen_1.png'},
    {name: 'pen', value: 'Parker', company: "parker",photo: './img/pen_1.png'},
    {name: 'Pencil', value: 'Apsara', company: "Apsara",photo: './img/pencil_2.jpg'},


];