SearchWithHooksOptimized.js

import React, { useState, useCallback } from "react";

const SearchWithHooks = () => {
  const [search, setSearch] = useState("");
  const onSearchInputChange = useCallback(e => {
    setSearch(e.target.value);
  }, []);

  return (
    <input
      onChange={onSearchInputChange}
      type="text"
      name="search"
      placeholder="search with hooks"
      value={search}
    />
  );
};

export default SearchWithHooks;