<div class="card__line"></div>
. он не нужен, только ломает отображение. const text = 'INSERT INTO users(name, email) VALUES($1, $2) RETURNING *'
const values = ['brianc', 'brian.m.carlson@gmail.com']
const res = await client.query(text, values)
console.log(res.rows[0])
// { name: 'brianc', email: 'brian.m.carlson@gmail.com' }
Дальше- в чем смысл const deferredInput = useDeferredValue(searchInput)? ты пробуешь отсрочить отправку запроса при вводе? тогда посмотри как реализуется debounce. Так твой запрос будет отправлен через установленное тобой время после того, как пользователь завершит ввод.
И да, конечно проще настроить условия, при которых будет делаться запрос, чем добавлять несколько хуков и изобретать велосипед. Каждый хук это ведь тоже определенная работа и выполнение логики для реакта. Не умножай сущности короче без причины.