Не получается поместить (запушить) объект в двумерный массив

 function CreateBall() {
    var classArray = ["index", "scorpion", "sonya", "baraka", "subzero", "jade", "lukang", "jony", "cyrax"],   
    randomClass = 1 + Math.floor(Math.random() * (8 + 1 - 1));
    this.score = 1,
    this.ballName = classArray[randomClass];
     
        this.createNewBall = function(iEl){
        ballDiv = document.createElement('div');
        ballDiv.className = classArray[randomClass];
        ballDiv.setAttribute("name", iEl);
        mainTable.appendChild(ballDiv);
        ballDiv.addEventListener("click", selectBall);
    }
}

function unit(){
            var ballNew = new CreateBall();
            for(i = 0; i < 8; i++){
                
                ballArray[i] = [];
                
                for(j = 0; j < 8; j++ ){
                    ballNew.createNewBall(ballCount);
                    ballArray.push(ballNew);
                }
            }
        }
        
        unit();

class Ball {
    constructor(){}
}
 
class Balls {
    constructor(ball = Ball){
        this.balls = [];
    }
    generateBall(){
        let {balls} = this;
        balls.push(new Ball()) 
    }
    generateBalls(num){
        let {balls} = this;
        for(let n = 0; n < num; n++)
        balls.push(new Ball()) 
    }
}
 
let ballsInst = new Balls();
ballsInst.generateBall();