jsx

function UserCard(props) {
  const [data, setData] = useState()

  useEffect(() => {
    fetch('/api/user/' + props.id).then(r => r.json()).then(d => setData(d))
  })

  return <div>{data.name}</div>
}

Что здесь не так?