build(deps): update react monorepo to v19 (major)

apps/774-ink/package.json

@@ -2,14 +2,14 @@
   "dependencies": {
     "next": "^15.1.0",
     "next-seo": "^6.6.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "devDependencies": {
     "@inabagumi/prettier-config": "^3.0.0",
     "@types/eslint": "^9.6.1",
     "@types/node": "^22.10.1",
-    "@types/react": "^18.3.16",
+    "@types/react": "^19.0.1",
     "@types/web-app-manifest": "^1.0.8",
     "@typescript-eslint/eslint-plugin": "^8.18.0",
     "@typescript-eslint/parser": "^8.18.0",

apps/hanerubeat/.gitignore

@@ -32,3 +32,4 @@ yarn-error.log*
 
 # vercel
 .vercel
+.env*.local

apps/hanerubeat/src/components/heart.tsx

@@ -11,13 +11,7 @@ export default function Heart({ ref }: ComponentProps<'audio'>) {
     <>
       <MdFavorite className={styles.heart} />
 
-      <audio
-        crossOrigin="anonymous"
-        loop
-        preload="none"
-        // @ts-expect-error `@types/react`のバージョン齟齬。全部v19.xにそろえられれば解決するはず。
-        ref={ref}
-      >
+      <audio crossOrigin="anonymous" loop preload="none" ref={ref}>
         <source src={oggPath} type="audio/ogg" />
         <source src={mp3Path} type="audio/mp3" />
         <track default kind="captions" src={captionPath} srcLang="ja" />

apps/neru-camera/app/(camera)/camera.tsx

@@ -11,7 +11,7 @@ import { track } from '@vercel/analytics'
 import { fileSave } from 'browser-fs-access'
 import clsx from 'clsx'
 import { type Application } from 'pixi.js'
-import { useCallback, useEffect, useRef, useState } from 'react'
+import { useCallback, useEffect, useState } from 'react'
 import processing from '@/lib/processing'
 import { useAsset } from './asset'
 import styles from './camera.module.css'
@@ -27,13 +27,12 @@ const mediaStreamConstraints: MediaStreamConstraints = {
   }
 }
 
-export default function Camera(): JSX.Element {
+export default function Camera() {
   const { currentAsset: asset } = useAsset()
   const [pixiView, setPixiView] = useState<HTMLCanvasElement>()
   const [cameraStream, setCameraStream] = useState<MediaStream>()
   const [isShooting, setIsShooting] = useState(false)
   const [hasError, setHasError] = useState(false)
-  const cancelRef = useRef<HTMLDivElement>(null)
   const texture = useVideoTexture({ srcObject: cameraStream })
 
   const handleMount = useCallback(
@@ -144,7 +143,7 @@ export default function Camera(): JSX.Element {
       </div>
 
       {hasError && (
-        <AlertDialog leastDestructiveRef={cancelRef}>
+        <AlertDialog>
           <AlertDialogLabel>エラー</AlertDialogLabel>
 
           <AlertDialogDescription>

apps/neru-camera/app/(camera)/layout.tsx

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react'
+import type { ReactNode } from 'react'
 import { type OverlayEntrySkeleton, createClient } from '@/lib/contentful'
 import { AssetProvider, type OverlayEntry } from './asset'
 import HeaderMenu from './menu'
@@ -16,13 +16,11 @@ async function getAssets(): Promise<OverlayEntry[]> {
   return items
 }
 
-type Props = {
-  children: ReactNode
-}
-
 export default async function CameraLayout({
   children
-}: Props): Promise<JSX.Element> {
+}: Readonly<{
+  children: ReactNode
+}>) {
   const assets = await getAssets()
 
   return (

apps/neru-camera/app/(camera)/menu.tsx

@@ -5,7 +5,7 @@ import { EllipsisVerticalIcon } from '@heroicons/react/24/solid'
 import { Menu, MenuButton, MenuItem, MenuList } from '@reach/menu-button'
 import { useAsset } from './asset'
 
-export default function HeaderMenu(): JSX.Element {
+export default function HeaderMenu() {
   const { assets, setAssetID } = useAsset()
 
   return (

apps/neru-camera/app/(camera)/overlay.tsx

@@ -8,11 +8,11 @@ import { ChromaKeyFilter } from './filters'
 import { useVideoTexture } from './hooks'
 import Viewport from './viewport'
 
-type Props = {
+export default function Overlay({
+  asset
+}: Readonly<{
   asset: OverlayEntry
-}
-
-export default function Overlay({ asset }: Props): JSX.Element {
+}>) {
   const app = useApp()
   const texture = useVideoTexture({
     src: asset.fields.media?.fields.file?.url

apps/neru-camera/app/(camera)/page.tsx

@@ -20,6 +20,6 @@ export const metadata: Metadata = {
 
 const Camera = dynamic(() => import('./camera'), { ssr: false })
 
-export default function CameraPage(): JSX.Element {
+export default function CameraPage() {
   return <Camera />
 }

apps/neru-camera/package.json

@@ -14,8 +14,8 @@
     "next-seo": "^6.6.0",
     "pixi-viewport": "^6.0.3",
     "pixi.js": "^7.4.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "tailwindcss": "^3.4.16"
   },
   "description": "Neru Camera is an app to take a photos with Neru-chan!",
@@ -26,7 +26,7 @@
     "@next/eslint-plugin-next": "^14.2.20",
     "@types/eslint": "^9.6.1",
     "@types/node": "^22.10.1",
-    "@types/react": "^18.3.16",
+    "@types/react": "^19.0.1",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "^7.18.0",
     "autoprefixer": "^10.4.20",

package.json

@@ -9,7 +9,7 @@
     "url": "https://github.com/inabagumi/inaba-jinja/issues"
   },
   "dependencies": {},
-  "description": "This is a monorepo for Inaba Jinja.",
+  "description": "Mini apps by Haneru Developers.",
   "devDependencies": {
     "@commitlint/cli": "^19.6.0",
     "@commitlint/config-conventional": "^19.6.0",
@@ -24,7 +24,7 @@
   "homepage": "https://inaba-jinja.com",
   "license": "MIT",
   "main": "n/a",
-  "name": "@inaba-jinja/monorepo",
+  "name": "@inabagumi/mini-apps",
   "packageManager": "[email protected]",
   "private": true,
   "repository": {