TypeError:無法在設置狀態(tài)后讀取null的屬性（讀取“id”）并嘗試使用其值

我有一個非常簡單的組件：

import {InputText} from 'primereact/inputtext'

const Show = ({id}) => {
  const [item, setItem] = useState(null)

  useEffect(() => {
    itemService
      .getItem(id)
      .then((data) => {
        setItem(data)
        console.log(data)
      })
  }, [])

  return (
    <InputText id='firstname' type='text' value={item.id} />
  )
}

當我啟動服務器時，我得到錯誤：

服務器錯誤類型錯誤：無法讀取null的屬性（讀取“id”）

當我從返回部分中刪除value={item.id}時，錯誤被修復，它顯示itemService成功執(zhí)行，并且console.log(data)返回所需的值為：

{
  "id": 1,
  "createdAt": "2023-05-15T16:44:30.808+00:00",
  "enabled": true
}

雖然我在useEffect鉤子內設置了item狀態(tài)，但為什么我得到item的null值？我該怎么解決這個問題？