How to get the data from the localStorage I m having the data like that format

{"refresh":"",
"access":"",
"id":"dbf4d515-d71e-45d9-8d5c-5efce2b217c7",
"name":"",
"email":"",
"token":""}

Whenever I try to get the data like this

const data = localStorage.getItem("userData")
console.log(data.id) 

it shows undefined. Ihv seen multiple answers with this type of issue and tried but not able to get the data from localStorage. Anybody can highlight what I'm missing here.