added duplicate package checker for webpack

fixed chakra-ui theme tools duplicate imports
absolute style imports in _app.js

Author: uinstinct

next.config.js

@@ -1,11 +1,15 @@
+const DuplicatePackageCheckerPlugin = require('duplicate-package-checker-webpack-plugin');
+
 const isProduction = process.env.NODE_ENV === 'production';
 
 module.exports = {
     webpack: (config, { dev }) => {
-        config.optimization.minimize = isProduction;
+        if (isProduction) {
+            config.optimization.minimize = true;
+            config.plugins.push(new DuplicatePackageCheckerPlugin());
+        }
         return config;
     },
-    reactStrictMode: isProduction,
     images: {
         domains: ["res.cloudinary.com"],
     },
@@ -16,4 +20,5 @@ module.exports = {
     ) {
         return { ...defaultPathMap, };
     },
+    reactStrictMode: !isProduction,
 }

package-lock.json

@@ -10,8 +10,9 @@
   },
   "dependencies": {
     "@chakra-ui/core": "^1.0.0-rc.8",
-    "@chakra-ui/theme-tools": "^1.0.0-next.3",
+    "@chakra-ui/theme-tools": "^1.0.0-rc.8",
     "cross-env": "^7.0.2",
+    "duplicate-package-checker-webpack-plugin": "^3.0.0",
     "framer-motion": "^2.9.4",
     "next": "^10.0.1",
     "react": "17.0.0",

package.json

@@ -1,10 +1,10 @@
 import Head from 'next/head';
 import { useEffect } from 'react';
 
-import '../styles/globals.css'
+import '@/styles/globals.css'
 import { ChakraProvider } from '@chakra-ui/core';
 
-import theme from "../styles/themes/theme";
+import theme from "@/styles/themes/theme";
 
 function MyApp({ Component, pageProps }) {