When I want to run my project i have these three warnings:
1-warn - Invalid next.config.js options detected: The root value has an unexpected property, webpack5, which is not in the list of allowed properties (amp, analyticsId, assetPrefix, basePath, cleanDistDir, compiler, compress, crossOrigin, devIndicators, distDir, env, eslint, excludeDefaultMomentLocales, experimental, exportPathMap, future, generateBuildId, generateEtags, headers, httpAgentOptions, i18n, images, onDemandEntries, optimizeFonts, output, outputFileTracing, pageExtensions, poweredByHeader, productionBrowserSourceMaps, publicRuntimeConfig, reactStrictMode, redirects, rewrites, sassOptions, serverRuntimeConfig, staticPageGenerationTimeout, swcMinify, trailingSlash, typescript, useFileSystemPublicRoutes, webpack).2-warn - Fast Refresh had to perform a full reload. Read more: https://nextjs.org/docs/basic-features/fast-refresh#how-it-works3-warn - ./node_modules/next-i18next/dist/commonjs/serverSideTranslations.jsCritical dependency: the request of a dependency is an expression
This is my next.config.js
:
const {i18n} = require('./next-i18next.config')const withVideos = require('next-videos')module.exports = withVideos({ reactStrictMode : true, i18n, webpack5: true, webpack: (config) => { config.resolve.fallback = { fs: false }; return config; },})
I even tried this:
/** * @type {import('next').NextConfig} */ const {i18n} = require('./next-i18next.config') const withVideos = require('next-videos') const nextConfig = { reactStrictMode : true, i18n, webpack5: true, webpack: (config) => { config.resolve.fallback = { fs: false }; return config; },}module.exports = withVideos(nextConfig)
Result was same.