Я не могу выполнить поиск в response JS и получить данные из PostgreSQL

Question

index js

const express = require("express");
const app =express();
const cors =require("cors");
const pool = require("./db");

app.use(cors());
app.use(express.json);

app.get("/data", async (req, res) => { //async to make the process fast (await)
try {
   const newData= await pool.query( "SELECT * FROM interactions"); 
   //js2xmlparser.parse('newData',newData);

  
    
} catch (err) {
    console.error(err.message);
    
}
});

search.js

mport React,{Fragment,useEffect,useState} from "react";
import jsontoxml from "jsontoxml";
//import * as JsonToXML from "js2xmlparser";

const ListInteract =() => {

const[interactions,setinteractions] = useState([])

    const getinteractions = async () => {
        try {

            const response = await fetch ("http://localhost:3000/data")
            const data = await response.json();
          // const convert= console.log(JsonToXML.parse("data", this.data));
          // jsontoxml.escape(data);
           console.log(data);
           setinteractions(data);
            
        } catch (err) {
            console.error(err.message)
            
        }
    }
    useEffect (() => {

        getinteractions();

    },[]); //[] it to do one


return <Fragment>

 <label>drugcode</label> <input type="text" class = "mt-5"/>
 <label>diseasecode</label> <input type="text"/>
 <label>type</label> <input type="text"/> <button class="btn btn-success">Search </button>

<table class="table table-hover mt-5 text-center">
    <thead>
      <tr>
        <th>ID</th>
        <th>description</th>
        <th>drugcode</th>
        <th>deasasecode</th>
        <th>type</th>
        
      </tr>
    </thead>
    <tbody>

     {interactions.map(interact => (
   <tr key={interact.id}>
       <td>{interact.id} </td>
       <td>{interact.decription} </td>
       <td>{interact.drugcode} </td>
       <td>{interact.diseasecode} </td>
       <td>{interact.type} </td>

   </tr>

     )
        
        )}
    </tbody>
  </table>

</Fragment>
};

export default ListInteract;

• У меня есть 3 текстовых поля, в которые я помещаю данные, код лекарства и код болезни и тип *

• моя цель, когда я помещаю три данных в текст, выберите все и покажите их в таблице *

пример: код лекарства = 222, код болезни = 333, тип = 1 в таблице, мне нужны все данные в ней id = 1 description = "good", код лекарства = 222, код болезни = 333 тип = 1

• после того, как я поместил данные в текст, у меня есть кнопка поиска, когда я нажимаю на нее, она показывает мне все данные в таблице *

*** спасибо всем ***