const SearchBar = (props) => {
  const initialState = [];
  const [options, setoptions] = useState(initialState);

  const nameList = () => {
    props.data.map((i) => setoptions((options) => [...options, i.name.common]));
  };