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

This PR contains the following updates:

| Package | Change | Age | Adoption | Passing | Confidence |
|---|---|---|---|---|---|
|
[@types/react](https://redirect.github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react)
([source](https://redirect.github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/react))
| [`^18.3.16` ->
`^19.0.1`](https://renovatebot.com/diffs/npm/@types%2freact/18.3.16/19.0.1)
|
[![age](https://developer.mend.io/api/mc/badges/age/npm/@types%2freact/19.0.1?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@types%2freact/19.0.1?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@types%2freact/18.3.16/19.0.1?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@types%2freact/18.3.16/19.0.1?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
| [react](https://react.dev/)
([source](https://redirect.github.com/facebook/react/tree/HEAD/packages/react))
| [`^18.3.1` ->
`^19.0.0`](https://renovatebot.com/diffs/npm/react/18.3.1/19.0.0) |
[![age](https://developer.mend.io/api/mc/badges/age/npm/react/19.0.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/react/19.0.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/react/18.3.1/19.0.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/react/18.3.1/19.0.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
| [react-dom](https://react.dev/)
([source](https://redirect.github.com/facebook/react/tree/HEAD/packages/react-dom))
| [`^18.3.1` ->
`^19.0.0`](https://renovatebot.com/diffs/npm/react-dom/18.3.1/19.0.0) |
[![age](https://developer.mend.io/api/mc/badges/age/npm/react-dom/19.0.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/react-dom/19.0.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/react-dom/18.3.1/19.0.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/react-dom/18.3.1/19.0.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|

---

### Release Notes

<details>
<summary>facebook/react (react)</summary>

###
[`v19.0.0`](https://redirect.github.com/facebook/react/compare/v18.3.1...63cde684f5340b1ca73f6244501aac1c3d2c92a8)

[Compare
Source](https://redirect.github.com/facebook/react/compare/v18.3.1...v19.0.0)

</details>

<details>
<summary>facebook/react (react-dom)</summary>

###
[`v19.0.0`](https://redirect.github.com/facebook/react/compare/v18.3.1...63cde684f5340b1ca73f6244501aac1c3d2c92a8)

[Compare
Source](https://redirect.github.com/facebook/react/compare/v18.3.1...v19.0.0)

</details>

---

### Configuration

📅 **Schedule**: Branch creation - At any time (no schedule defined),
Automerge - At any time (no schedule defined).

🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.

♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the
rebase/retry checkbox.

🔕 **Ignore**: Close this PR and you won't be reminded about these
updates again.

---

- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box

---

This PR was generated by [Mend Renovate](https://mend.io/renovate/).
View the [repository job
log](https://developer.mend.io/github/inabagumi/mini-apps).

<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzOS40Mi40IiwidXBkYXRlZEluVmVyIjoiMzkuNTguMSIsInRhcmdldEJyYW5jaCI6Im1haW4iLCJsYWJlbHMiOlsiZGVwZW5kZW5jaWVzIl19-->

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Yamagishi Kazutoshi <[email protected]>

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": {