fix: next js transpile error

finds-su · Jun 18, 2023 · 446e75e · 446e75e
1 parent 96fcad5
commit 446e75e
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 2 deletions.
diff --git a/next.config.mjs b/next.config.mjs
@@ -4,7 +4,6 @@ import { env } from './src/env.mjs'
 const config = {
   pageExtensions: ['ts', 'tsx', 'js', 'jsx', 'mjs', 'cjs', 'md', 'mdx'],
   reactStrictMode: true,
-  transpilePackages: ['three'],
   images: {
     domains: [
       'www.mirea.ru',
@@ -75,4 +74,6 @@ const withMDX = require('@next/mdx')({
   },
 })
 
-export default withPWA(withMDX(withBundleAnalyzer(config)))
+const withTM = require('next-transpile-modules')(['three'])
+
+export default withTM(withPWA(withMDX(withBundleAnalyzer(config))))
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -85,6 +85,7 @@
     "eslint-plugin-react": "^7.32.2",
     "husky": "^8.0.3",
     "lint-staged": "^13.2.0",
+    "next-transpile-modules": "^10.0.0",
     "postcss": "^8.4.21",
     "prettier": "2.8.7",
     "prettier-plugin-tailwindcss": "^0.2.6",