Version 2

next.config.js

@@ -1,21 +1,10 @@
-/** @type {import('next').NextConfig} */
-
-// const withMDX = require("@next/mdx")({
-//   extension: /\.mdx?$/,
-//   options: {
-//     // If you use remark-gfm, you'll need to use next.config.mjs
-//     // as the package is ESM only
-//     // https://github.com/remarkjs/remark-gfm#install
-//     remarkPlugins: [],
-//     rehypePlugins: [],
-//     // If you use `MDXProvider`, uncomment the following line.
-//     providerImportSource: "@mdx-js/react",
-//   },
-// });
-
 const nextConfig = {
-  // pageExtensions: ["ts", "tsx", "js", "jsx", "md", "mdx"],
   reactStrictMode: true,
+  webpack: (config) => {
+    config.resolve.alias.canvas = false;
+
+    return config;
+  },
   // async headers() {
   //   return [
   //     {
@@ -31,5 +20,4 @@ const nextConfig = {
   // },
 };
 
-// module.exports = withMDX(nextConfig);
 module.exports = nextConfig;