How to configure T3 Stacks next.config + 'next-transpile-modules' (withTM) ?

const withTM = require('next-transpile-modules')(['react-hook-mousetrap']);
module.exports = withTM({ /* Your Next.js config */ });

import { env } from "./src/env/server.mjs";

function defineNextConfig(config) {
  return config;
}

const withTM = require('next-transpile-modules')(['react-hook-mousetrap']);

// module.exports = withTM({ /* Your Next.js config */ });

export default withTM(defineNextConfig({
  reactStrictMode: true,
  swcMinify: true,
  // Next.js i18n docs: https://nextjs.org/docs/advanced-features/i18n-routing
  i18n: {
    locales: ["en"],
    defaultLocale: "en",
  },
  webpack(config) {
    config.resolve.fallback = {
      ...config.resolve.fallback, // if you miss it, all the other options in fallback, specified
      // by next.js will be dropped. Doesn't make much sense, but how it is
      fs: false, // the solution
    };

    return config;
  },
}));