Qt: QML Iterate through listmodel in QML GridView - ScreenInfo getting created multiple time under RootWindow

import QtQuick 2.0 
 ListModel
 {  
 ListElement
{ name: "1" portrait: "pics/portrait.png" }
ListElement
{ name: "2" portrait: "pics/portrait.png" }
ListElement
{ name: "3" portrait: "pics/portrait.png" }
...
 } 

import QtQuick 2.12
import QtQuick.Window 2.12 
Window {
width: 640 height: 480
visible: true title: qsTr("Hello World") 
Rectangle {
width: 280;
height: 180 anchors.centerIn: parent
color: "red" 
Component {
id: contactDelegate
Item {
width: grid.cellWidth;
height: grid.cellHeight
Column {
anchors.fill: parent
Image { 
source: portrait; anchors.horizontalCenter: parent.horizontalCenter
}
Text {
 text: name; anchors.horizontalCenter: parent.horizontalCenter 
}
}
}
} 
GridView {
id: grid
anchors.fill: parent
cellWidth: 80;
cellHeight: 80
model: ContactModel {}
delegate: contactDelegate
highlight: Rectangle
{ color: "lightsteelblue"; radius: 5 }
focus: true
clip: true
snapMode: GridView.SnapToRow
flickableDirection: Flickable.VerticalFlick
boundsBehavior: Flickable.StopAtBounds
Component.onCompleted: { 
console.log("Gridview Constructed...")
}
}
}
}