Theme Component rending issue

Hi, We are facing an issue in theme. After creating a new section, it is not rendering properly on the main page. Expected behaviour is that whole section should be rendered as it is, instead a custom html tag with section’s name is getting rendered. Attaching screenshot for clarity. Also Pasting the sections code for reference.

<template>
    <div class="NewComponent no-tap-highlight-all">
        <div>
            <h1>I am here</h1>
        </div>
    </div>
</template>

<settings>
    {
        "name" : "NewComponent",
        "label" : "New Component",
        "props" : [
            
        ]
    }
</settings>

<script>
export default {
    props : ["settings"]
}
</script>

Hello @aakash140799_1

To ensure seamless rendering of a new UI component, it must be incorporated into the designated section’s folder within the theme. Once added, all the components in the section folder are retrieved through the index.js file and subsequently rendered on the user interface.

Could you kindly verify the correct addition of the new component by confirming the creation of the corresponding file within the section’s folder?