Why is my snake not increasing after eating food?

See more:

Javascript

https://codepen.io/pelko/pen/jOpBmPN

Here's the full code.

snakeArr.unshift({ x: snakeArr[0].x + inputDir.x, y: snakeArr[0].y + inputDir.y })

This is the code to increase the size of snake once it collides with food.

The code above that and below that, respectively, playing sound and changing the location of food once it's eaten is working. Please tell me what went wrong

What I have tried:

I've tried debugging it with no success.