Is it possible to have the template file written in TypeScript?

[grifotv]

💬 Questions and Help

I'd like to have my template file written in TypeScript, like the default template.

I tried creating my own template with the .ts extension:

import { Template } from '@svgr/babel-plugin-transform-svg-component';

const template: Template = (variables, { tpl }) => {

  return tpl`
    //my template
`;
};

module.exports = template;

However, I got the following error when trying to run the command:

import { Template } from '@svgr/babel-plugin-transform-svg-component';
^^^^^^

SyntaxError: Cannot use import statement outside a module
    at wrapSafe (node:internal/modules/cjs/loader:1281:20)
    at Module._compile (node:internal/modules/cjs/loader:1321:27)
    at Module._extensions..js (node:internal/modules/cjs/loader:1416:10)
    at Module.load (node:internal/modules/cjs/loader:1208:32)
    at Module._load (node:internal/modules/cjs/loader:1024:12)
    at Module.require (node:internal/modules/cjs/loader:1233:19)
    at require (node:internal/modules/helpers:179:18)

It also fails when I try to add my own types rather than importing.