NOT working..............page not load properly
any other way? Please Help

public with sharing class AccountData {
@AuraEnabled(cacheable=true)
public static List<AggregateResult> getAccData(){
    try {
        List<AggregateResult> results =new List<AggregateResult>();
        for (List<AggregateResult> agg: [select id,Name,Phone from Account group by id,Name,Phone]){
            results.addAll(agg);
        }
        return results;
    } catch (Exception e) {
        throw new AuraHandledException(e.getMessage());
    }
}
}


import { LightningElement, track, wire } from 'lwc';
import getAccData from '@salesforce/apex/AccountData.getAccData';
export default class NavigateToRecord extends LightningElement {
    @track columns = [
        {label: 'Name',
        fieldName: 'nameUrl', type: 'url',
        typeAttributes: {
            label: {
                fieldName: 'Name'
            }
        }
     },
        { label: 'Id', fieldName: 'Id'},
        {label:'Phone', fieldName:'Phone'}
    ];
    @track accountList;

    @wire(getAccData)
    getAccDataall({data,error}){
        if(data){
           // this.accountList=data;
            let nameUrl;
            this.accountList = data.map(row => { 
                nameUrl = `/${row.Id}`;
                return {...row , nameUrl} 
            })
            console.log(data);
        }
        else if(error){
            console.log(error);
        }
    }
}

<template>
    <template if:true={accountList}>
        <lightning-datatable
        key-field="id"
        data={accountList}
        columns={columns}
        ></lightning-datatable>
    </template>
</template>