Custom template results in unknown substitution

[mnlfischer]

Hey, I try to generate svg icons with svgr cli and used a custom template. I'm not able to get it to run and get an Unknown substitution "$0" given.

command I'm using:
npx @svgr/cli --typescript --template src/components/icon/template.cjs --jsx-runtime automatic --filename-case kebab --out-dir src/components/icons -- src/components/icon/svg

Template:

const customTemplate = ({ componentName, props, jsx, exports }, { tpl }) => {
    return tpl`
    interface ${componentName}Props {
      className?: string;
    };

    function ${componentName}(${props}) {
      return ${jsx};
    }

    ${exports}
  `;
};

module.exports = customTemplate;

I would expect that I can combine interface ${componentName}Props. I would like to add a custom interface to pass some props to the component. I also read in older issues/discussion that I should use something like tpl.smart(...typescript) but can't read anything about it in the readme. Someone knows a way how I can get it to work?

[avoguga]

Some workaround to it?