QML module not found (QtQuick.Studio.Components 1.0)

Qjay

I recently installed Qt5.15.2 using online installer on my linux machine ( Kubuntu 22.04.3 LTS x86_64) . Standard installation ( custom ). I chose Qt design studio too during installation.
Getting following error , screenshot attached

I wanted to try the solution on stackoverflow but I don't have the same directory structure for some reason.
stackoverflow : https://stackoverflow.com/questions/65664346/qml-module-not-found-qtquick-studio-components-1-0
my dir strcuture :

JoeCFD

@Qjay show your pro file here.

https://doc.qt.io/qtdesignstudio/creator-qml-modules-with-plugins.html
If you use qmake and your application adds additional import paths that Qt Design Studio should use, specify them using QML_IMPORT_PATH in the .pro file of your application: QML_IMPORT_PATH += path/to/module.

Qjay

@JoeCFD QML file code below. I haven't edited it at all.

QT += quick

CONFIG += c++11

# The following define makes your compiler emit warnings if you use
# any Qt feature that has been marked deprecated (the exact warnings
# depend on your compiler). Refer to the documentation for the
# deprecated API to know how to port your code away from it.
DEFINES += QT_DEPRECATED_WARNINGS

# You can also make your code fail to compile if it uses deprecated APIs.
# In order to do so, uncomment the following line.
# You can also select to disable deprecated APIs only up to a certain version of Qt.
#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000    # disables all the APIs deprecated before Qt 6.0.0

SOURCES += \
        main.cpp

RESOURCES += qml.qrc

# Additional import path used to resolve QML modules in Qt Creator's code model
QML_IMPORT_PATH =

# Additional import path used to resolve QML modules just for Qt Quick Designer
QML_DESIGNER_IMPORT_PATH =

# Default rules for deployment.
qnx: target.path = /tmp/$${TARGET}/bin
else: unix:!android: target.path = /opt/$${TARGET}/bin
!isEmpty(target.path): INSTALLS += target