Replace react-notion-x with fork from @onnimonni

Author: onnimonni

.mise.toml

@@ -0,0 +1,20 @@
+[tools]
+# There was a moment when Notion search API was broken
+# It was fixed directly in react-notion-x dependency
+# When trying to replace the dependency I tried to run
+# $ brew install vips
+# $ yarn add https://github.com/NotionX/react-notion-x#v6.16.2
+# There's weird errors if one is building react-notion-x directly from github
+# 'ValueError: invalid mode: 'rU' while trying to load binding.gyp'
+# These should be fixed by downgrading python to 3.10
+# Source: https://stackoverflow.com/a/74732671
+python = ['3.10']
+
+# The node-gyp module doesn't work properly when using node 20
+# TypeError: Cannot assign to read only property 'cflags' of object '#<Object>'
+# See more: https://stackoverflow.com/a/77910474/1337062
+node = ['20']
+"npm:yarn" = "latest"
+
+# To be able to build the notion-react-x directly from Github master
+"npm:lerna" = "^4.0.0"

next-env.d.ts

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

next.config.js

@@ -18,5 +18,17 @@ module.exports = withBundleAnalyzer({
     formats: ['image/avif', 'image/webp'],
     dangerouslyAllowSVG: true,
     contentSecurityPolicy: "default-src 'self'; script-src 'none'; sandbox;"
-  }
+  },
+  webpack: (config) => {
+    config.resolve.alias = {
+      ...config.resolve.alias,
+      'notion-utils': '@onnimonni/notion-utils',
+      'notion-types': '@onnimonni/notion-types',
+      'notion-client': '@onnimonni/notion-client',
+      'notion-compat': '@onnimonni/notion-compat',
+      'react-notion-x': '@onnimonni/react-notion-x'
+    };
+
+    return config;
+  },
 })