simpleReactSeach.jsx

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

export default function App() {
  const [text, setText] = useState("");
  const [data, setData] = useState([
    {
      id: 1,
      name: "abacate"
    },
    {
      id: 2,
      name: "abacate"
    },
    {
      id: 3,
      name: "abobora"
    },
    {
      id: 4,
      name: "arroz"
    }
  ]);
  const [show, setShow] = useState([]);

  useEffect(() => {
    const result = data.filter((item) => item.name.indexOf(text) !== -1);
    setShow(result);
  }, [text, data]);

  return (
    <div className="App">
      <h1>Busca</h1>
      <input
        type="text"
        value={text}
        onChange={(e) => setText(e.target.value)}
      />
      {show.map((item) => (
        <p key={item.id}>{item.name}</p>
      ))}
    </div>
  );
}

// https://codesandbox.io/s/simples-busca-espontanea-react-x9ewu?file=/src/App.js

Gist testing