diff --git a/packages/app/next.config.ts b/packages/app/next.config.ts
index 0f1aa0e..09d68aa 100644
--- a/packages/app/next.config.ts
+++ b/packages/app/next.config.ts
@@ -1,10 +1,17 @@
 import type { NextConfig } from 'next';
 
 const nextConfig: NextConfig = {
-  transpilePackages: ['@originmain/ui', '@fluentui/react-components'],
+  transpilePackages: ['@originmain/ui', '@originmain/diff-engine', '@fluentui/react-components'],
   experimental: {
     optimizePackageImports: ['@fluentui/react-components'],
   },
+  webpack(config) {
+    config.resolve.extensionAlias = {
+      '.js': ['.ts', '.tsx', '.js'],
+      '.mjs': ['.mts', '.mjs'],
+    };
+    return config;
+  },
   async rewrites() {
     return {
       beforeFiles: [