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

[GuanJdoJ]

//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, 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!