Is it possible to write component and index templates with Typescript?

[tinder-darraghburke]

💬 Questions and Help

SVGR has been super helpful to us, thanks for your excellent work!

One thing I'm stuck on: I'd like to use Typescript to write my component and index templates, mainly so I can take advantage of type information from Babel. (I'm doing some manipulations of imports and interfaces). However, I'm running into trouble with importing the type information into my component-template.ts file. If I use import, I get the error Cannot use import statement outside a module. I think this is because component-template is expected to be a CommonJS module, which doesn't support import statements. But if I use CJS-style require(), then I don't get type information.

Is there any way to write the component template as an ESM module so that I can import type information?

Thank you!

[gregberge]

Hello @tinder-darraghburke, yes it is possible using --ext ts and --index-template.

[tinder-darraghburke]

Hi Greg, unfortunately I still get this error:
Cannot use import statement outside a module

This is triggered by the line:
import { types as t } from '@babel/core';

Do you know if there's a way to get SVGR to treat my component-template.ts as an ES module?

[gregberge]

Oh, no I think it is not possible yet. You have to use CommonJS inside.

[basickarl]

I'm guessing it is still not possible?