-
Notifications
You must be signed in to change notification settings - Fork 0
/
next.config.js
69 lines (65 loc) · 2.15 KB
/
next.config.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
const path = require('path');
const withBundleAnalyzer = require('@next/bundle-analyzer')();
const { createVanillaExtractPlugin } = require('@vanilla-extract/next-plugin');
const noopPlugin = (nextConfig) => nextConfig;
module.exports = () => {
const plugins = [
createVanillaExtractPlugin(),
process.env.ANALYZE === 'true' ? withBundleAnalyzer : noopPlugin
];
/** @type {import('next').NextConfig} */
const nextConfig = {
// !! WARN !!
// Turn this off when you need to deploy to Vercel directly
output: 'export',
reactStrictMode: true,
typescript: {
// !! WARN !! This is a workaround for the following issue:
// Currently turn on due to error:
// ./node_modules/@cosmjs/encoding/build/utf8.d.ts:1:1
// Type error: File appears to be binary.
ignoreBuildErrors: true
},
transpilePackages: [
'@leapwallet/cosmos-social-login-capsule-provider-ui',
'@leapwallet/cosmos-social-login-capsule-provider'
],
images: {
// !! WARN !!
// Turn this off when you deploy to Vercel or self host via AWS amplify
// This is turned on to work with output: 'export'
unoptimized: true,
remotePatterns: [
{
protocol: 'https',
hostname: 'raw.githubusercontent.com'
},
{
protocol: 'https',
hostname: 'avatars.githubusercontent.com'
}
]
},
// Workaround for Next issue with locally linked packages `Cannot read properties of null (reading 'useRef')`
webpack: (config) => {
// This fixes the invalid hook React error which
// will occur when multiple versions of React is detected
// This can happen since common project is also using Next (which is using React)
const reactPaths = {
react: path.join(__dirname, 'node_modules/react'),
'react-dom': path.join(__dirname, 'node_modules/react-dom')
};
config.resolve = {
...config.resolve,
alias: {
...config.resolve.alias,
...reactPaths
}
};
return config;
}
};
return plugins.reduce((acc, next) => {
return next(acc);
}, nextConfig);
};