вывод json объекта - undefined? в лог данные идут

<script src="socket.io.js"></script>
<script>
    var socket = io('https://myaddress.com/');
 
    socket.emit('subscribe', ['my_data']);
 
    socket.on('connect', function(){
        console.log("Hi!");
 
 
    var dat = socket.on('realtimeinfo', function (data) {
            console.log("rt!"); 
            console.log(data);});
 
  var info = JSON.parse(dat);
 
 
var info =dat.realtimeinfo;
document.getElementById('dat').innerHTML = info ;
   
    });
</script>

var info = JSON.parse(dat);
var info =JSON.parse(dat.realtimeinfo);

var info =JSON.parse(dat).realtimeinfo; // получите объект info = {"aaa":"23.28","bbb":"16.00","ccc":"61.34"}
document.getElementById('dat').innerHTML = info ; // получите див с содержимым "[object Object]"
document.getElementById('dat').innerHTML = "aaa:" + info.aaa + ",bbb:" + info.bbb + ",ccc:" + info.ccc;
// получите div с содержимым aaa:23.28,bbb:16.00,ccc:61.34

//Если json получен в виде строки - парсим его в объект.
if (typeof (dat) == 'string') {
    dat = JSON.parse(dat);
}
var info = dat.realtimeinfo;
 
//Смотрим что в переменных.
console.log(dat);
console.log(dat.realtimeinfo);
console.log(info);

 socket.on('realtimeinfo', function (data) {console.log(data); } );

Object {realtimeinfo: Object}
   realtimeinfo: Object
   aaa: 60.89
   bbb: 10
   ccc: 43