unable to generate custom components using @sapphire/cli

{
    "$schema": "https://raw.githubusercontent.com/sapphiredev/cli/main/templates/schemas/.sapphirerc.scheme.json",
    "projectLanguage": "ts",
    "locations": {
        "base": "src",
        "arguments": "arguments",
        "commands": "commands",
        "listeners": "listeners",
        "preconditions": "preconditions",
        "interaction-handlers": "interaction-handlers",
        "routes": "routes",
        "builders": "builders"
    },
    "customFileTemplates": {
        "enabled": true,
        "location": "templates"
    }
}

{
    "category": "builders"
}
---
import { JSX, Builder, loadImage } from "canvacord";

export class {{name}} extends Builder {
    constructor() {
        super(300, 300);
    }

    override async render() {
        return ()
    }
}