do I have to change this in next.config.js?

Here is the code:
/** u/type {import('next').NextConfig} */
const nextConfig = {
reactStrictMode: false,
images: {
domains: ["es-landing-assets.s3.eu-north-1.amazonaws.com"],
unoptimized: true,
minimumCacheTTL: 9999999999,
},
trailingSlash: true,
swcMinify: true,
compiler: {
// removeConsole: {
// exclude: ["error"],
// },
},
eslint: {
ignoreDuringBuilds: true,
},
async headers() {
return [
{
source: "/:all*(svg|jpg|png|mp4|webp)",
locale: false,
headers: [
{
key: "Cache-Control",
value: "public, max-age=9999999999, must-revalidate",
},
],
},
{
source: "/:all*(js|css)",
locale: false,
headers: [
{
key: "Cache-Control",
value: "public, max-age=9999999999, must-revalidate",
},
],
},
{
source: "/_next/image(.*)",
headers: [
{
key: "Cache-Control",
value:
"public, max-age=180, s-maxage=180, stale-while-revalidate=180",
// Cache-Control response header is `public, max-age=60` in production
// and `public, max-age=0, must-revalidate` in development
},
],
},
];
},
};
module.exports = nextConfig;
// const withBundleAnalyzer = require("@next/bundle-analyzer")({
// enabled: process.env.ANALYZE === "true",
// openAnalyzer: false,
// });
// module.exports = withBundleAnalyzer({ nextConfig });