Как при нажатии на кнопку выбирать элемент объекта и выводить его?
const [ active, setActive ] = useState(null);
const item = test.title[active];

const onClick = e => setActive(e.target.dataset.id);
Кнопки:{Object.keys(test.title).map(n =>
  <button key={n} data-id={n} onClick={onClick}>{n}</button>
)}
Выбранный элемент:{item && <div>{item.title} ---- {item.category}</div>}
Добавьте фильтрацию{Object.keys(test.title).filter(key => key === 't1').map(key => <div key={test.title[key].id}>{test.title[key].title} ---- {test.title[key].category}</div>)}