[Question] how to transpile 'components/Fragment.tsx'

I'm learning react-esi from this [react-esi-demo](https://github.com/alexisjanvier/react-esi-demo)
```
//server.js
...
server.get(path, (req, res) =>
serveFragment(
req,
res,
fragmentID => require(`./components/${fragmentID}`).default
)
)
...
```
In server.js, the resovle will get Component from dist which was transpiled by babel.
```
//.babelrc
{
"presets": ["next/babel"]
}
```
When fragment component is js(In this README.md, the example also uses js), babel works well. But when fragment component is tsx, babel doesn't handle it. And when I import less in components/Fragment.tsx, the style file will not be transpiled to dist.

Could you please tell me what should I do, thx!