JavaScript - Error "x" is not a funtion dentro de una condicional

Buenos dias, tengo el siguiente problema, cuando ejecuto el siguiente codigo:

let products = ["manzanas:2.56","pera:4.67","sandia:1:67","naranja:5:89"];
let productList = [];

for(var i=0;i<products.length;i++) {
let item = products[i].split(":");

productList.push(item[0]);
console.log(productList);
}

funciona correctamente. Sin embargo, cuando ejecuto el siguiente codigo:

let products = ["manzanas:2.56","pera:4.67","sandia:1:67","naranja:5:89"];
let productList = [];
​
for(var i=0;i<products.length;i++) {
let item = products[i].split(":");

if (i===0){
productList = item[0];
}else {
productList.push(item[0]);
}
​
console.log(productList);
}

Entrega el primer valor (cuando i=0) y sigue el error: Uncaught TypeError: productList.push is not a function
at <anonymous>:10:21.

Porque al introducir la linea en un condicional surge el error?

Lo mas obvio es que en las primeras iteraciones i===0 es verdadero y sobrescribes la variable productList provocando que deje de ser un array, después en siguientes iteraciones la condición es falsa y como productList ya no es un array la función push() no pertenece a ella.