Improve ESLint configuration

next.config.example.js

@@ -1,6 +1,5 @@
 const WebpackConfig = require('./webpack.config.js');
 
-// eslint-disable-next-line no-undef
 module.exports = {
     publicRuntimeConfig: {
         name: '/spaces',

package.json

@@ -72,6 +72,21 @@
         "error",
         "prefer-double"
       ]
-    }
+    },
+    "settings": {
+      "react": {
+        "version": "detect"
+      }
+    },
+    "overrides": [
+      {
+        "files": [
+          "./*.js"
+        ],
+        "env": {
+          "node": true
+        }
+      }
+    ]
   }
 }

pages/test-iframelayout/[[...id]].js

@@ -6,6 +6,8 @@ import IframeLayout from '../../components/layouts/iframe';
 
 /**
  * This is an example page on how to make use of the two-columns layout with an iframe on the right.
+ *
+ * @returns {React.ReactElement}
  */
 export default function TestIframeLayout() {
     const router = useRouter();

webpack.config.js

@@ -7,5 +7,6 @@ module.exports = (config, { buildId, dev, isServer, defaultLoaders, webpack }) =
         files: ['assets/*.css', 'components/**/*.js', 'pages/**/*.js'],
         failOnError: false,
     }));
+
     return config;
 };