upgrade everything

Author: fa7ad

.yarn/releases/yarn-4.2.1.cjs

@@ -4,4 +4,4 @@ nmMode: hardlinks-global
 
 nodeLinker: node-modules
 
-yarnPath: .yarn/releases/yarn-4.2.1.cjs
+yarnPath: .yarn/releases/yarn-4.5.3.cjs

.yarn/releases/yarn-4.5.3.cjs

@@ -13,7 +13,7 @@ function siteUrl(url: string) {
 }
 
 function CommentSection({ slug, title }: CommentSectionProps) {
-  const mut$ = useRef<MutationObserver>()
+  const mut$ = useRef<MutationObserver>(undefined)
   const comments = useRef<HTMLElement>(null)
   const commentsVisible = useOnScreen(comments, '-10px')
 

.yarnrc.yml

@@ -2,6 +2,7 @@ import PostCover from 'components/PostCover'
 import ArticleSeriesBox from 'components/ArticleSeriesBox'
 import CommentSection from 'components/CommentSection'
 
+import type { JSX } from 'react'
 import type { Article, WithContext } from 'schema-dts'
 
 import { generateMeta } from './generateMeta'

components/CommentSection/index.tsx

@@ -2,7 +2,7 @@ import { useState, useEffect } from 'react'
 
 import type { RefObject } from 'react'
 
-export default function useOnScreen(ref: RefObject<HTMLElement>, rootMargin = '0px', oneOff = true) {
+export default function useOnScreen(ref: RefObject<HTMLElement | null>, rootMargin = '0px', oneOff = true) {
   // State and setter for storing whether element is visible
   const [isIntersecting, setIntersecting] = useState(false)
   useEffect(() => {

components/PostWrapper/index.tsx

@@ -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/app/building-your-application/configuring/typescript for more information.

lib/hooks/useOnScreen.ts

@@ -3,7 +3,7 @@
   "private": true,
   "license": "SEE LICENSE IN LICENSE.code.txt AND LICENSE.content.txt",
   "type": "module",
-  "packageManager": "yarn@4.2.1",
+  "packageManager": "yarn@4.5.3",
   "scripts": {
     "dev": "next dev",
     "dev:turbo": "next dev --turbo",
@@ -17,61 +17,61 @@
     "generate:post": "node ./.bin/generate_post.mjs"
   },
   "dependencies": {
-    "@mdx-js/loader": "^3.0.1",
-    "@mdx-js/node-loader": "^3.0.1",
-    "@mdx-js/react": "^3.0.1",
-    "@next/mdx": "^14.2.3",
-    "@tailwindcss/typography": "0.5.13",
-    "@types/ramda": "^0.30.0",
+    "@mdx-js/loader": "^3.1.0",
+    "@mdx-js/node-loader": "^3.1.0",
+    "@mdx-js/react": "^3.1.0",
+    "@next/mdx": "15.0.3",
+    "@tailwindcss/typography": "0.5.15",
+    "@types/ramda": "^0.30.2",
     "clsx": "2.1.1",
-    "dayjs": "^1.11.11",
+    "dayjs": "^1.11.13",
     "disqus-react": "^1.1.5",
     "fast-glob": "^3.3.2",
-    "next": "14.2.3",
+    "next": "15.0.3",
     "next-sitemap": "4.2.3",
     "prismjs": "^1.29.0",
     "ramda": "^0.30.1",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "react": "19.0.0-rc-66855b96-20241106",
+    "react-dom": "19.0.0-rc-66855b96-20241106",
     "react-redux": "^9.1.2",
     "react-to-text": "^2.0.1",
     "rehype-mathjax": "^6.0.0",
     "rehype-prism-plus": "^2.0.0",
     "remark-gfm": "^4.0.0",
     "remark-math": "^6.0.0",
     "schema-dts": "1.1.2",
-    "sharp": "^0.33.4",
-    "unified": "^11.0.4",
-    "wasm-vips": "0.0.9",
+    "sharp": "^0.33.5",
+    "unified": "^11.0.5",
+    "wasm-vips": "0.0.11",
     "yargs": "17.7.2"
   },
   "devDependencies": {
-    "@next/env": "^14.2.3",
-    "@types/node": "^20.14.2",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
-    "@typescript-eslint/eslint-plugin": "^7.12.0",
-    "@typescript-eslint/parser": "^7.12.0",
-    "autoprefixer": "^10.4.19",
-    "eslint": "^8.57.0",
-    "eslint-config-next": "^14.2.3",
+    "@next/env": "15.0.3",
+    "@types/node": "^20.17.8",
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^8.57.1",
+    "eslint-config-next": "15.0.3",
     "eslint-config-prettier": "^9.1.0",
     "eslint-import-resolver-node": "^0.3.9",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-jsx-a11y": "^6.8.0",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-promise": "^6.2.0",
-    "eslint-plugin-react": "^7.34.2",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-promise": "^7.2.0",
+    "eslint-plugin-react": "^7.37.2",
     "image-size": "^1.1.1",
     "npm-run-all": "4.1.5",
-    "postcss": "^8.4.38",
-    "prettier": "^3.3.1",
-    "prettier-plugin-tailwindcss": "^0.6.2",
-    "tailwindcss": "^3.4.4",
+    "postcss": "^8.4.49",
+    "prettier": "^3.3.3",
+    "prettier-plugin-tailwindcss": "^0.6.9",
+    "tailwindcss": "^3.4.15",
     "ts-node": "^10.9.2",
-    "types-ramda": "^0.30.0",
-    "typescript": "^5.4.5"
+    "types-ramda": "^0.30.1",
+    "typescript": "^5.7.2"
   },
   "overrides": {
     "sharp": "$sharp"
@@ -88,5 +88,9 @@
     "plugins": [
       "prettier-plugin-tailwindcss"
     ]
+  },
+  "resolutions": {
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
   }
 }