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"
     }
     ListElement {
         name: "4"
         portrait: "pics/portrait.png"
     }
     ListElement {
         name: "5"
         portrait: "pics/portrait.png"
     }
     ListElement {
         name: "6"
         portrait: "pics/portrait.png"
     }
     ListElement {
         name: "7"
         portrait: "pics/portrait.png"
     }
     ListElement {
         name: "8"
         portrait: "pics/portrait.png"
     }
     ListElement {
         name: "9"
         portrait: "pics/portrait.png"
     }
     ListElement {
         name: "10"
         portrait: "pics/portrait.png"
     }
     ListElement {
         name: "11"
         portrait: "pics/portrait.png"
     }
     ListElement {
         name: "12"
         portrait: "pics/portrait.png"
     }
     ListElement {
         name: "13"
         portrait: "pics/portrait.png"
     }
     ListElement {
         name: "14"
         portrait: "pics/portrait.png"
     }
     ListElement {
         name: "15"
         portrait: "pics/portrait.png"
     }
     ListElement {
         name: "16"
         portrait: "pics/portrait.png"
     }
     ListElement {
         name: "17"
         portrait: "pics/portrait.png"
     }
     ListElement {
         name: "18"
         portrait: "pics/portrait.png"
     }
     ListElement {
         name: "19"
         portrait: "pics/portrait.png"
     }
     ListElement {
         name: "20"
         portrait: "pics/portrait.png"
     }
     ListElement {
         name: "21"
         portrait: "pics/portrait.png"
     }
     ListElement {
         name: "22"
         portrait: "pics/portrait.png"
     }
     ListElement {
         name: "23"
         portrait: "pics/portrait.png"
     }
     ListElement {
         name: "24"
         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...")
             }
         }
     }
}