I want to add a custom next.config.ts to my project but v0 creates a next.config.mjs that doesn't apply my config. The files are created as follows:
//v0-user-next.config.mjs/** @type {import('next').NextConfig} */const nextConfig = { assetPrefix: process.env.ASSET_PREFIX ?? undefined,}export default nextConfigAnd the following next.config.mjs
//next.config.mjslet userConfig = undefinedtry { userConfig = await import('./v0-user-next.config')} catch (e) { // ignore error}/** @type {import('next').NextConfig} */const nextConfig = { eslint: { ignoreDuringBuilds: true, }, typescript: { ignoreBuildErrors: true, }, images: { unoptimized: true, }, experimental: { webpackBuildWorker: true, parallelServerBuildTraces: true, parallelServerCompiles: true, },}mergeConfig(nextConfig, userConfig)function mergeConfig(nextConfig, userConfig) { if (!userConfig) {The resulting nextconfig has the assetPrefix nested in the default path
{ eslint: { ignoreDuringBuilds: true, }, typescript: { ignoreBuildErrors: true, }, images: { unoptimized: true, }, experimental: { webpackBuildWorker: true, parallelServerBuildTraces: true, parallelServerCompiles: true, }, default: { assetPrefix: "/counter-static", },}therefore it doesn't work.
is this something that I am doing wrong or is this a bug in v0?
Btw if I change line 5 in the next.config.mjs it works as intended
userConfig = (await import('./v0-user-next.config'))?.default