Switch to next.config.mjs

apps/pigment-css-next-app/next.config.js → apps/pigment-css-next-app/next.config.mjs

@@ -1,6 +1,10 @@
 /* eslint-env node */
 // eslint-ignore-next-line import/no-unresolved
-const { withPigment } = require('@pigment-css/nextjs-plugin');
+import { withPigment } from '@pigment-css/nextjs-plugin';
+import { createRequire } from 'module';
+
+const require = createRequire(import.meta.url);
+
 const { extendTheme } = require('@mui/material/styles');
 
 /**
@@ -119,4 +123,4 @@ const nextConfig = {
   },
 };
 
-module.exports = withPigment(nextConfig, pigmentOptions);
+export default withPigment(nextConfig, pigmentOptions);

examples/material-ui-nextjs-pages-router-ts/next.config.js → examples/material-ui-nextjs-pages-router-ts/next.config.mjs

@@ -1,4 +1,4 @@
 /** @type {import('next').NextConfig} */
-module.exports = {
+export default {
   reactStrictMode: true,
 };

examples/material-ui-nextjs-pages-router/next.config.js → examples/material-ui-nextjs-pages-router/next.config.mjs

@@ -1,3 +1,3 @@
-module.exports = {
+export default {
   reactStrictMode: true,
 };

examples/material-ui-nextjs-ts-v4-v5-migration/next.config.js → examples/material-ui-nextjs-ts-v4-v5-migration/next.config.mjs

@@ -1,4 +1,4 @@
 /** @type {import('next').NextConfig} */
-module.exports = {
+export default {
   reactStrictMode: true,
 };

test/bundling/fixtures/next-webpack4/next.config.js → test/bundling/fixtures/next-webpack4/next.config.mjs

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
   webpack5: false,
   eslint: {
     ignoreDuringBuilds: true,

test/bundling/fixtures/next-webpack5/next.config.js → test/bundling/fixtures/next-webpack5/next.config.mjs

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
   eslint: {
     ignoreDuringBuilds: true,
   },