bump next

components/Comments/Comments.tsx

@@ -1,4 +1,3 @@
-import clsx from "clsx";
 import Giscus from "@giscus/react";
 import useTheme from "../../hooks/useTheme";
 import { styled, theme } from "../../lib/styles/stitches.config";
@@ -17,16 +16,12 @@ export type CommentsProps = ComponentProps<typeof Wrapper> & {
   title: string;
 };
 
-const Comments = ({ title, className, ...rest }: CommentsProps) => {
+const Comments = ({ title, ...rest }: CommentsProps) => {
   const { activeTheme } = useTheme();
 
   // TODO: use custom `<Loading />` spinner component during suspense
   return (
-    <Wrapper
+    <Wrapper {...rest}>
-      id="comments"
-      className={clsx([className, "giscus"])} // https://github.com/giscus/giscus/blob/fa0975c980d91e691e7e4b4f59fd10bec2e20d90/client.ts#L81
-      {...rest}
-    >
       <Giscus
         {...(giscusConfig as GiscusProps)}
         term={title}

package.json

@@ -19,17 +19,16 @@
   "dependencies": {
     "@giscus/react": "^2.2.2",
     "@hcaptcha/react-hcaptcha": "^1.4.4",
-    "@next/font": "13.0.2",
+    "@next/font": "13.0.3",
     "@novnc/novnc": "github:novnc/novnc#cd94c2aed2582fd85ec5ecc444967fc7ec60a649",
     "@octokit/graphql": "^5.0.4",
-    "@octokit/graphql-schema": "^12.22.0",
+    "@octokit/graphql-schema": "^12.26.1",
     "@primer/octicons": "^17.9.0",
-    "@prisma/client": "^4.5.0",
+    "@prisma/client": "^4.6.1",
     "@react-spring/web": "^9.5.5",
-    "@sentry/node": "^7.17.4",
+    "@sentry/node": "^7.19.0",
-    "@sentry/tracing": "^7.17.4",
+    "@sentry/tracing": "^7.19.0",
     "@stitches/react": "^1.2.8",
-    "clsx": "^1.2.1",
     "comma-number": "^2.1.0",
     "copy-to-clipboard": "^3.3.2",
     "dayjs": "^1.11.6",
@@ -41,9 +40,9 @@
     "gray-matter": "^4.0.3",
     "hex-to-rgba": "^2.0.1",
     "marked": "^4.2.2",
-    "next": "13.0.2",
+    "next": "13.0.3",
     "next-mdx-remote": "^4.2.0",
-    "next-seo": "^5.14.0",
+    "next-seo": "^5.14.1",
     "obj-str": "^1.1.0",
     "p-map": "^5.5.0",
     "p-memoize": "^7.1.1",
@@ -57,7 +56,7 @@
     "react-intersection-observer": "^9.4.0",
     "react-is": "18.2.0",
     "react-player": "^2.11.0",
-    "react-textarea-autosize": "^8.3.4",
+    "react-textarea-autosize": "^8.4.0",
     "react-twitter-embed": "^4.0.4",
     "rehype-prism-plus": "^1.5.0",
     "rehype-slug": "^5.1.0",
@@ -82,17 +81,17 @@
     "@types/react-is": "^17.0.3",
     "@types/remove-markdown": "^0.3.1",
     "@types/uglify-js": "^3.17.1",
-    "@typescript-eslint/eslint-plugin": "^5.42.0",
+    "@typescript-eslint/eslint-plugin": "^5.42.1",
-    "@typescript-eslint/parser": "^5.42.0",
+    "@typescript-eslint/parser": "^5.42.1",
     "cross-env": "^7.0.3",
     "eslint": "~8.27.0",
-    "eslint-config-next": "13.0.2",
+    "eslint-config-next": "13.0.3",
     "eslint-config-prettier": "~8.5.0",
     "eslint-plugin-mdx": "~2.0.5",
     "eslint-plugin-prettier": "~4.2.1",
     "lint-staged": "^13.0.3",
     "prettier": "^2.7.1",
-    "prisma": "^4.5.0",
+    "prisma": "^4.6.1",
     "simple-git-hooks": "^2.8.1",
     "typescript": "^4.8.4",
     "uglify-js": "^3.17.4"

pages/notes/[slug].tsx

@@ -58,7 +58,11 @@ const Note = ({ frontMatter, source }: InferGetStaticPropsType<typeof getStaticP
 
       {!frontMatter.noComments && (
         <InView rootMargin="140px" triggerOnce fallbackInView>
-          {({ inView, ref }) => <div ref={ref}>{inView && <Comments title={frontMatter.title} />}</div>}
+          {({ inView, ref }) => (
+            <div ref={ref} id="comments">
+              {inView && <Comments title={frontMatter.title} />}
+            </div>
+          )}
         </InView>
       )}
     </>