Merge pull request #22 from storyofams/chore/deps

Chore/deps

example/next-env.d.ts

@@ -1,2 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/types/global" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

example/next.config.js

@@ -1,27 +1,19 @@
 const path = require('path');
 const { TsconfigPathsPlugin } = require('tsconfig-paths-webpack-plugin');
 
-const hasNextBabelLoader = (r) => {
-  if (Array.isArray(r.use)) {
-    return r.use.find((l) => l && l.loader === 'next-babel-loader');
-  }
-
-  return r.use && r.use.loader === 'next-babel-loader';
-};
-
 module.exports = {
   env: {
     PASSWORD_PROTECT: process.env.ENVIRONMENT === 'staging',
   },
+  eslint: {
+    // Warning: This allows production builds to successfully complete even if
+    // your project has ESLint errors.
+    ignoreDuringBuilds: true,
+  },
+  experimental: {
+    externalDir: true,
+  },
   webpack(config, options) {
-    config.module.rules.forEach((rule) => {
-      if (/(ts|tsx)/.test(String(rule.test)) && hasNextBabelLoader(rule)) {
-        rule.include = [...rule.include, path.join(__dirname, '..', 'src')];
-
-        return rule;
-      }
-    });
-
     config.module.rules.push({
       test: /\.svg$/,
       use: [{ loader: '@svgr/webpack', options: { icon: true, svgo: false } }],

example/package.json

@@ -21,7 +21,7 @@
     "@svgr/webpack": "^5.0.1",
     "axios": "^0.21.1",
     "fontfaceobserver": "^2.1.0",
-    "next": "^10.0.2",
+    "next": "^11.1.0",
     "next-seo": "^3.3.0",
     "object-fit-images": "^3.2.4",
     "react": "^17.0.1",
@@ -82,7 +82,7 @@
     "react-select-event": "^4.1.2",
     "ts-jest": "^25.0.0",
     "ts-loader": "^6.2.1",
-    "typescript": "^3.7.4"
+    "typescript": "4.3.2"
   },
   "eslintConfig": {
     "extends": [