Upgrade next

next.config.js

@@ -1,4 +1,7 @@
 module.exports = () => ({
+  images: {
+    disableStaticImages: true,
+  },
   webpack: (config, options) => {
     config.module.rules.push({
       test: /\.(jpe?g|png|webp)$/i,

package.json

@@ -15,7 +15,7 @@
     "autoprefixer": "^10.1.0",
     "babel-plugin-prismjs": "^2.0.1",
     "date-fns": "^2.16.1",
-    "next": "10.0.4",
+    "next": "^11.1.2",
     "next-mdx-remote": "^2.1.3",
     "postcss": "^8.2.1",
     "prism-themes": "^1.5.0",

src/components/posts/post-comments.jsx

@@ -18,9 +18,10 @@ export default function PostComments({ issueId }) {
     }
   )
 
-  const createCommentsUrl = useMemo(() => getCreateCommentsUrl(issueId), [
-    issueId,
-  ])
+  const createCommentsUrl = useMemo(
+    () => getCreateCommentsUrl(issueId),
+    [issueId]
+  )
 
   return (
     <div ref={elementRef}>

src/pages/index.jsx

@@ -32,9 +32,10 @@ export async function getStaticProps() {
  * @constructor
  */
 export default function Index({ rawPosts }) {
-  const posts = useMemo(() => rawPosts.map((post) => new Post(post)), [
-    rawPosts,
-  ])
+  const posts = useMemo(
+    () => rawPosts.map((post) => new Post(post)),
+    [rawPosts]
+  )
 
   return (
     <div>