Search.js

import React from "react";
import _ from "lodash";

const search = _.debounce((value) => console.log(value), 500);

export default function SearchPage() {
  const [inputValue, setInputValue] = React.useState("");

  React.useEffect(() => {
    search(inputValue);
  }, [inputValue]);

  return (
    <input
      type="text"
      value={inputValue}
      onChange={(e) => setInputValue(e.target.value)}
    />
  );
}