【Next.js】You may need an appropriate loader to handle this file type, なエラー

Next.jsで以下のようなエラーが出ました。

error - ../backend/src/member/dto/hoge.ts
Module parse failed: Unexpected token (24:6)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders

具体的に言うと、以下のようなモノレポ環境で、

└📁frontend（Next.js）
　└📝tsconfig.json
　└📝hoge.ts
└📁backend（NestJS）
　└📝tsconfig.json
　└📝fuga.ts

「frontendディレクトリにあるhogeから、backend側のfugaファイルをimport」をしようとすると上記のようなエラーが発生しました。

このエラーは、next.config.jsに以下を追加することで解消しました。

experimental: {
    externalDir: true,
  },

experimentalオプションだし、バックとフロントで共通のファイルは、なるべくバックに置いたほうが良いのかも。

おわり