Cómo obtener los datos del almacenamiento local Tengo los datos en ese formato

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

Cada vez que trato de obtener los datos como este

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

se muestra indefinido. He visto varias respuestas con este tipo de problema e intenté pero no pude obtener los datos de localStorage. Cualquiera puede resaltar lo que me estoy perdiendo aquí.