inline components don't get handled properly on QDS

import QtQuick
import Constants
Rectangle {
    width: Constants.width
    height: Constants.height
    color: Constants.backgroundColor
    component MyImage: Image {
        width: 100
        height: 100
        source: "imports/MCUDefaultStyle/images/dog.jpg"
    }
    component MyRectangle: Rectangle {
        width: 100
        height: 100
        color: "yellow"
    }    
    Column {
        Row {
            Image {
                width: 100
                height: 100
                source: "imports/MCUDefaultStyle/images/dog.jpg"
            }
            MyImage {
                width: 100
                height: 100
                source: "imports/MCUDefaultStyle/images/dog.jpg"
            }
        }        
        Row {
            Rectangle {
                width: 100
                height: 100
                color: "red"
            }
            MyRectangle {
                width: 100
                height: 100
                color: "blue"
            }
        }
    }
} 

C:/Users/81808/Downloads/ImageComponent/Screen01.ui.qml:19:9: error: Failed to find image in the resource system
        source: "imports/MCUDefaultStyle/images/dog.jpg"
        ^~~~~~
C:/Users/81808/Downloads/ImageComponent/Screen01.ui.qml:32:17: error: Failed to find image in the resource system
                source: "imports/MCUDefaultStyle/images/dog.jpg"
                ^~~~~~
C:/Users/81808/Downloads/ImageComponent/Screen01.ui.qml:37:17: error: Failed to find image in the resource system
                source: "imports/MCUDefaultStyle/images/dog.jpg"
                ^~~~~~