select.tsx

const xAxises = [
  { id: 1, name: 'pero' },
  { id: 2, name: 'foobar' }
];
const yAxises = [
  { id: 1, name: 'nesto' },
  { id: 2, name: 'slavko' }
];

export const TamTam: React.FC = () => {
  const [x, setX] = useState<number>();
  const [y, setY] = useState<number>();

  useEffect(() => {
    setX(1);
    setY(1);
  }, []);

  return (
    <div>
      <h1>
        SelectedID: {x}, selectedOBJ: {JSON.stringify(xAxises.find((obj) => obj.id === x))}
      </h1>
      <select onChange={(e) => setX(parseInt(e.target.value))} value={x}>
        {xAxises.map((opt) => (
          <option key={opt.id} value={opt.id}>
            {opt.name}
          </option>
        ))}
      </select>
    </div>
  );
};